Sur le même sujet

• Ascii Art chez Google
• Plugin jQuery : maxLength sur textarea
• Les derniers iPhone n’ont pas explosé
• Monter des ISO sous windows sans Deamon Tools
• Y a site web et site web voire PHP et PHP

Jeter un oeil au logo de Google.

On s’est s’amuser chez Google :)

Sur le même sujet

• Use any browser, it doesn’t matter…
• Y a site web et site web voire PHP et PHP
• Bonne pratique : les tableaux (<table>)
• Survivre en milieu google
• Fluent interface : oui mais y’a un mais

Voici le code

/**
 * Plugin maxlength for textarea
 *
 * @author Grégoire ROBIN
 * @copyright http://www.nodashi.com under CC3
 */
jQuery.fn.maxlength = function(){

	function updateCptTextarea(textarea){			

		var length 		= $(textarea).attr('value').length;
		var maxLength 	= $(textarea).attr('maxlength');

		$(textarea).next('.cpttextarea').html('<small ' + ((length > maxLength)?'style="color: #CC0000;"':'') + '>Taille de la saisie : ' + length + '/' + maxLength + '</small>');
	}

	$("textarea[maxlength]").bind('blur', function(){

		var maxLength 	= $(this).attr('maxlength');
		var length 		= $(this).attr('value').length;

		if(length > maxLength) {
			alert('Votre saisie est trop longue, elle a été coupée à la taille maximum autorisée.');
			$(this).attr('value', $(this).attr('value').substring(0, maxLength));
		}

		updateCptTextarea(this);
	});

	$("textarea[maxlength]").keypress(function(event){

		var key 		= event.which;
		var maxLength 	= $(this).attr('maxlength');
		var length 		= $(this).attr('value').length;

		if(key >= 33 || key == 13) {
			if(length >= maxLength) {
				event.preventDefault();
			}
		}

		updateCptTextarea(this);
	});

	$("textarea[maxlength]").keyup(function(event){
		updateCptTextarea(this);
	});

	$("textarea[maxlength]").each(function(i){

		var maxLength 	= $(this).attr('maxlength');
		var length 		= $(this).attr('value').length;

		$(this).after('<div class="cpttextarea"></div>');
		updateCptTextarea(this);
	})
}

L’utilisation est simple :

$(document).ready(function(){
    $('textarea').maxlength();
});

Il suffit juste de spécifier l’attribut « maxlenght » sur le textarea

Voilou ;)

Sur le même sujet

• Use any browser, it doesn’t matter…
• Les derniers iPhone n’ont pas explosé
• Monter des ISO sous windows sans Deamon Tools

Bref, comme tous les abonnées nous recevons les offres d’orange et les diverses promotions. Mais aujourd’hui j’ai reçu une pub qu’il fallait dénoncer ouvertement. Je vous joins une copie d’écran.

Cette offre propose pour 1€ le premier mois puis 7,5€ par mois un pack comprenant :

• Antivirus
• Firewall
• Anti spyware

Sérieusement, 7€ par mois !!! en 3 voire 5 mois vous vous êtes payé un bitdefender voire la suite complète nettement plus efficace ! Faut arrêtez de nous prendre pour des poires….

A découvrir

• Retour des archives
• Début du training certification PHP5
• Comment craquer du MD5 en PHP
• Certification PHP5 : les avantages
• Monter des ISO sous windows sans Deamon Tools

Sur le même sujet

• PHP : Identification avec MySQL
• Introduction à PHP
• PHP : Compiler et installer un module (extension)
• Y a site web et site web voire PHP et PHP
• Fluent interface : oui mais y’a un mais

La première chose à savoir c’est à mon sens que c’est le contenu qui fera le succès d’un site. Et les équipes qui rédigent le contenu des sites sont clairement la clé de cette réussite. Toutefois pour y parvenir il leur faut ce fameux site web, site internet, blog peu importe la forme en fin de compte. Ce qu’il faut comprendre c’est qu’un site web ce n’est pas seulement l’affichage de ces textes et images. C’est aussi tout un système qui permet de gérer ce contenu, mais qui gère également les auteurs, la mise en page, la mise en avant de certains éléments, la possibilité de changer certains éléments, de gérer des sondages, la publication du contenu en fonction des auteurs, encoder de la vidéo en flash et j’en passe. C’est une véritable suite bureautique en ligne.

Comme je viens de vous le montrer un site web ne se limite pas à l’affichage du contenu, outre la gestion des contenus on trouve également des fonctionnalités propre à chaque site, comme comparer des produits, calculer des couts de revient, souscrire à un contrat, répondre à un sondage, donner son avis sur le contenu, imprimer le contenu, publier son propre contenu un tas de fonctionnalités qui ne sont pas simplement de l’affichage de contenu mais qui demande des calculs et de la gestion de droit en fonction des utilisateurs par exemple. C’est toutes ces fonctionnalités qui permettent de faire un site internet.

Ou est ce que je veux en venir ?

C’est assez simple en fait, le métier de développeur web pourrait s’apparenter à celui de pilote de rally ou de chirurgien. En effet, si le web est accessible à tout le monde et qu’il existe des solutions clés en main pour créer son site internet nous sommes loin de ce qu’est notre métier, ou en tout cas ce qu’est le mien. Dans toute profession ou discipline il existe des niveaux. Ainsi ce n’est pas parce qu’on a le permis et qu’on sait conduire qu’on est Sebastien Loeb, de même ce n’est pas parce que l’on sais soigner une plaie ou même que qu’on a son brevet de secouriste qu’on est chirurgien. Et c’est encore plus complexe que ça il y a comptable et expert comptable, médecin et chirurgien, de même on a des intégrateurs, des développeurs et des ingénieurs au sein de notre métier. Et comme vous le savez à poste égal on a encore des différences de niveau entre les individus.

Vous devez commencer à comprendre que finalement faire des sites web ce n’est pas forcément si simple.

Je vais prendre un exemple plus concret, dans ma société (Opal CMS). Nos clients disposent d’un outils de gestion de contenu plus ou moins complet en fonction de leur besoin ça comprend la gestion de leurs documents comme des actualités à des dossiers multipages, la gestion de tous les types de médias, comme les images – avec la possibilité dans la partie administration de rechercher une image directement sur le net et de l’importer de façon transparente -, les fichiers audio, les fichiers vidéos. Pour certains ils ont la possibilité de tout simplement filmer ce qu’ils ont envie et d’envoyer le fichier sur le serveur. Notre outil transforme la vidéo en flash comme sur youtube ou dailymotion. Ils ont un système complet de workflow, c’est à dire de gestion du processus de publication, chaque utilisateur a des droits qui lui permet de signaler si son article est prêt à paraitre, alors qu’un autre utilisateur se chargera de le mettre en ligne. Certains clients ont des demandes particulières comme gérer l’import de flux RSS ou AFP de façon automatisée ou la possibilité de gérer des formules de calcul pour des applications particulières et d’autres la possibilité de gérer leurs commandes et leur stock. Je fais un peu de pub pour illustrer mon propos mais ça vous montre qu’un site internet ne se limite pas à afficher des actualités.On peut désormais utiliser le web pour gérer énormément de chose. Exemple très concret les opérateurs de téléphonie mobile gère la vente des téléphones et la souscription des contrats directement via des applications web.

Autres point important entre ce que monsieur tout le monde peut faire et ce que nous sommes amenées à faire, c’est travailler sur des applications scalable à haute performance. C’est à dire que l’application web est optimisée pour gérer beaucoup de demande, en effet entre un site personnel qui fait 10 visites par jour et des sites comme lemonde qui tourne plutôt autour du million de visites il y a une grosse différence. C’est pour ça que nous mettons en place des solutions performante et scalable, c’est à dire des solutions capable d’évoluer avec la demande qui seront capable d’être réparti sur des dizaines de serveurs de façon transparente pour le client et pour l’utilisateur sans que cela engendre des coûts pharaoniques.

Voila, vous en savez un peu plus sur ce que nous faisons ;) Rendons à César ce qui appartient à César et vive les développeurs et ingénieurs du web qui nous permettent à tous de profiter du contenu de chacun.

Oui une question ?

Pourquoi j’ai pas parlé de Google dans les applications web complexes ?

Je sais pas … :D

Bon surf ;)

Sur le même sujet

• Fluent interface : oui mais y’a un mais
• Comment craquer du MD5 en PHP
• Zend-Framework 1.6 RC1
• Use any browser, it doesn’t matter…
• Ascii Art chez Google

Brève explication sur le référencement pour ceux qui voudraient poursuivre mais pour qui le référencement est un « art » obscure. Faisons simple, google – parce que finalement on ne s’intéresse quasiment qu’à celui-ci – procède de la façon qui suit pour indexer son contenu, il lit ce qu’il trouve dans l’url, le titre, la description que vous ne voyez pas, une liste de mots clés (si si, je vous assure, il en tient encore compte) puis le contenu de la page, ce qui se trouve en haut de la page ayant hypothétiquement une plus grande valeur que le bas de la page. On rajoute également tout un tas de balise permettant d’accorder plus ou moins de valeur à certains mots. Enfin, notre ami à tous classe les sites qu’il connaît sur la méthode suivante : plus il y a de liens qui pointent vers votre site, plus il est intéressant pour les utilisateurs du moteur de recherche.

Dans le meilleur des mondes, chacun ferait son site proprement et il serait cité à juste escient. Qu’appelle t’on proprement ? Un titre normal jusque la ça va, personne ne « gruge » trop sur ce point parce qu’il est très visible ; une url pour accéder au contenu, logique. Mais sur ce point ça commence à partir dans tous les sens. On trouve des url parlant de choses et d’autres avec des mots clés totalement hors contexte, comme « sexe, free, mp3, download », la page parlant du maïs transgénique. Je caricature mais on n’est pas loin de la vérité. Vient alors la description de la page et les fameux mots clés déjà cités. Alors là attention, Google ne lit en théorie que 255 des premiers caractères mais on trouve de nombreux sites avec des listes à rallonge. Je vois d’ici vous précipiter pour regarder le code source de nos pages pour voir si on procède de cette façon là. Ne cherchez pas je vous donne la réponse, seul Gamebe pour l’expérimentation est doté d’un arsenal de mots clés, mais je reviendrai plus tard sur ce point qui vous offusque déjà. Attention j’aborde le dernier point – j’essaye de faire court pour pas vous ennuyer mais le sujet est vaste – les échanges de liens. Kézako, comme je vous l’ai précédemment expliqué, le moteur des moteurs de recherche considère que plus il y a de liens pointant vers votre site, plus le site est intéressant, du coup les sites se livrent à des échanges de liens. Pour résumer, « tu mets un lien en bas de page vers chez moi, et je te renvoie l’ascenseur ». Non, pas la peine de regarder, on se livre également à cette pratique. Rajoutez à cela les sites qui « bouffent à tous les râteliers » en demandant de mettre leur fil RSS sur leur page plutôt que celui du concurrent…

Triste portrait du paysage internet français mais rassurez vous, c’est comme ça dans le monde entier. Alors la question à laquelle il faut maintenant répondre c’est pourquoi. Pourquoi se livre t’on à de tels « magouilles » ? La réponse est simple : l’éthique ne paye pas. En effet pour pouvoir faire fortune – laissez moi rêver – il faut faire venir du monde sur son site et pour ça il y a deux solutions : le bouche à oreilles et google. Parlons franchement, la première est bonne mais prend beaucoup de temps pour un résultat qui n’est pas probant. Quant à la seconde c’est le jackpot si vous vous débrouillez correctement.

C’est maintenant le moment où je devrais m’auto-congratuler pour une raison : j’ai toujours essayé de faire passer l’éthique en premier. C’est plus facile avec des sites qui sont dans des niches, Matbe est très orienté hardware pur et dur et la réputation de celui-ci n’est plus à faire dans les tests d’alimentations ou de boîtiers. Et pour Gamebe la ligne éditoriale est plus axée sur des gens matures et responsables que sur la génération pokémon. Mais voilà la pression de notre société capitaliste nous pousse dans une course à la réussite où l’éthique aura bien du mal à suivre. Que faire alors ? Première solution : une prise de conscience générale, où les échanges de liens abusifs seraient retirés, les url dénuées de mots clés absurdes. Alors c’est sûr, changer les mentalités de la terre entière n’est pas vraiment à la porté de tout le monde, voire de personne. Il reste donc une deuxième solution sur laquelle on suppose que google travaille déjà, ne plus prendre en compte les pavés de liens en bas de page. C’est une hypothèse que de nombreuses personnes du milieu du référencement avaient émise, mais un doute subsiste : est-ce que google n’est pas soumis à certaines pressions pour éviter de « désorganiser » le web ? En fin de compte il n’existe probablement pas de solution ultime pour panser les plaies du système actuel, il ne reste qu’à chacun de prendre conscience que la surenchère mènera à la perte de beaucoup de ressources intéressantes sur internet…

Sur le même sujet

• Le référencement, une lutte sans merci
• Use any browser, it doesn’t matter…
• Ascii Art chez Google
• Y a site web et site web voire PHP et PHP
• Bonne pratique : les tableaux (<table>)

Dès lors de nombreuses personnes crient au scandale, moi le premier, le web est par essence même un monde de partage où les contraintes économiques ne sont pas censé avoir leur place. Mais il faut se rendre à l’évidence la viabilité d’un projet sur le web découle principalement de sa capacité à être monétiser. Les grands groupes de presse comme les plus petits ont alors recours à des archives payantes, de la pub, de la vidéo à la demande (VOD), de l’intégration de services payants comme les sonneries pour portables, téléchargements de musique et j’en passe.

La viabilité d’un projet sur le web découle principalement de sa capacité à être monétiser.

J’étais récemment inviter par Google à une conférence justemment nommer : accroître votre rémunération avec Google. Le moteur de recherche le plus utilisé au monde nous offre de multiples possibilités pour gagner de l’argent, principalement par son programme de pub AdSense que vous pouvez d’ailleurs voir ici même (enfin je vous expliquerez plus tard la démarche). La conférencier nous a expliquer comment gagner plus d’argent sur nos sites, ce n’est pas bien compliqué et si je n’étais pas honnête je dirais que les conseils se résument à : il faut voir la pub tout de suite au détriment du contenu.

Explications. Premièrement il faut que ce soit visible sans scroller, ensuite, de préférence près de la navigation voire dans le contenu directement. Ensuite il faut utiliser des couleurs qui respecte votre charte graphique pour que ca se fonde dans le paysage, mais Google précise qu’il ne faut pas non plus que cela se confonde, enfin bon si vous pouvez éviter de mettre une bordure c’est quand même mieux. Oui bon pour faite clair, autant Google ne veut pas que les gens cliquent par inadvertance, autant ils ne peuvent pas nier que ca les arrange un peu.

Du coup pour monétiser un site qui a du trafic en plus du programme AdSense, on fait appelle à des régies pubs qui vous passe des pubs animés la plupart du temps, mais également des pop-up que vous connaissez tous, mais également ce que certains connaissent moins des pop-under. Des pop-quoi ? Est ce qu’il vous ai déjà arrivé en fermant la page sur laquelle vous surfiez de découvrir qu’une nouvelle fenêtre était ouverte sur un autre site ? Oui ? C’est un pop-under.

On peut se demander si la pub fait le contenu ou l’inverse

On constate également un autre phénomène tout aussi désagréable, la multiplication des formats de pubs. Pour faire simple on ne se contente plus que d’une bannière en haut du site, on rajoute un carré ou deux carrés de pubs, un skyscraper (bandeau en hauteur) puis pleins de petits formats voire même de la pubs sur un dizaine de mots cliquables dans le contenu de ce que vous lisez. Si bien que certains sites arrivent à avoir plus de 13 pubs différentes sur une seule pages et je n’ai pas compté les mots cliquables. Sur ces sites on peut se demander si la pub fait le contenu ou l’inverse.

Face à cette déferlante de pubs on est donc en droit de se demander si une solution payante n’est finalement pas plus intéressante pour vous comme pour nous.

Sur le même sujet

• Use any browser, it doesn’t matter…
• Ascii Art chez Google
• Y a site web et site web voire PHP et PHP
• Bonne pratique : les tableaux (<table>)
• Survivre en milieu google

Internet outil de socialisation

L’arrivée, et la démocratisation, d’internet dans les foyers français est une réelle révolution. Cet outil que nous utilisons tous dans notre vie quotidienne pour le travail, le plaisir ou encore la découverte est sans conteste un progrès dont bon nombre d’entre nous ne pourraient plus se passer. Dans le monde du travail il est désormais quasi inconcevable de se passer de mails. Ceux-ci nous permettent de communiquer à distance avec des collaborateurs, la famille ou les amis. Plus encore, les messageries instantanées de plus en plus utilisées dans le milieu professionnel permettent de véritables échanges comme on le ferait par téléphone ou de vive voix.

Toutefois, les possibilités offertes par ce nouvel outil de communication apportent leur lot de dérives, certains internautes s’y perdent jusqu’à devenir dépendants. Cette subtile notion de dépendance revient régulièrement sur le tapis de certaines émissions qui souvent, et malheureusement, prennent le parti de ce qu’on pourrait caricaturer par : “le net est une drogue c’est mal”. Nous n’allons pas rentrer dans des débats sur la « cyber-dépendance » car à l’heure actuelle il n’y a pas de véritable étude, à ma connaissance. Certes on trouve des rapports en tous genres sur le sujet mais chacun fait un peu à sa sauce.

C’est ainsi que de nombreux parents comme les miens ont vu d’un mauvais oeil le temps que je passais derrière mon ordinateur. Je vais donc vous faire part de mon expérience personnelle, car finalement c’est peut-être ce qu’il y’a de mieux pour vous faire comprendre où je veux en venir.

A mes débuts sur internet, je m’en servais essentiellement comme d’un outil de recherche et de documentations, j’étais alors un inconditionnel des sites d’actualités informatiques. C’est l’aspect “Internet, outil d’informations” qui permet de discuter de divers sujets avec des proches, collègues et autres personnes de la vie quotidienne.

A suivi alors la découverte du forum du site rue-montgallet.com, où je partageais mes connaissances avec ceux ayant des problèmes avec leur matériel ou leur logiciel. A ce moment là, nous abordons un autre aspect que nous pourrions appeler “Internet, outil d’échanges”. C’est un aspect important, savoir communiquer et échanger avec d’autres personnes, ce n’est pas forcement une tache facile au quotidien.

Et j’en arrive à ce qui me semble être le dernier et le plus merveilleux aspect offert par internet : “Internet, outil de rencontres”. En effet comme sur de nombreux forums, il se forme une réelle communauté avec ses habitués et ses habitudes. J’ai sympathisé avec cette communauté, mais nous ne nous sommes pas arrêtés là, nous nous sommes rencontrés dans la vraie vie, nous avons organisé des repas avec d’autres forumeurs, nous sommes devenus de véritables amis oubliant finalement que nous nous sommes connus par internet. Je pourrais pousser encore plus loin la démonstration en vous expliquant que c’est en participant à ce forum que j’ai attiré l’oeil d’Olivier Moulin, qui est aujourd’hui mon employeur. Cet emploi qui me permet de rencontrer d’autres personnes collègues ou prestataires. Cet effet boule de neige est pour le moins relativement incroyable à mes yeux.

Récapitulons, les trois grands aspects d’internet sont :

• L’information : pour étendre sa culture dans tous les domaines possibles, inimaginables et ainsi pouvoir converser avec d’autres personnes.
• L’échange : pour pouvoir communiquer avec autrui
• Les rencontres : pour découvrir de nouvelles personnes

C’est ainsi que ces trois aspects d’internet forment un tout que j’appellerai : “internet, outil de socialisation”. Internet est donc – malgré son coté virtuel et ses dangers – un moyen de s’épanouir en société et de faire de nouvelles rencontres.

Sur le même sujet

• Use any browser, it doesn’t matter…
• Ascii Art chez Google
• Y a site web et site web voire PHP et PHP
• Bonne pratique : les tableaux (<table>)
• Survivre en milieu google

Il y a peu NetEco a publié un article a son tour crachant ouvertement sur ces pratiques en étayant sa démonstration à l’aide de nombreuses captures d’écrans issues des sites de la concurrence je vous laisse juger : cliquez ici

Vous n’avez pas vu les captures ? Bah non c’est normal c’est même écrit en toutes lettres au début de l’article :

Suite à la publication initiale de cet article, nous avons reçu de très nombreux témoignages et retours ce qui nous incite à faire avancer la discussion et à compléter cet article.

Compléter en supprimant … ouais j’ai du mal à saisir le concept mais bon vous me direz que c’était diffamatoire ou je ne sais quoi encore, et que je ferais mieux de me pencher sur ce qui a été rajouté pour étoffer l’article. Second “hic” rien a changé ou alors c’est bien caché.

Oui bon et alors ? Encore une fois on prend les internautes pour des truffes. Finalement c’est à se demander si le net est encore ce qu’on nous présentait comme le pays de la liberté, un monde sans frontière où prime le partage de la connaissance ou si il devient celui où le référencement prévaut.

Sur le même sujet

• Survivre en milieu google
• Use any browser, it doesn’t matter…
• Ascii Art chez Google
• Y a site web et site web voire PHP et PHP
• Bonne pratique : les tableaux (<table>)