En Ajax, on peut faire plein de choses : des boîtes que l’on bouge, des champs qui se remplissent d’eux-mêmes à mesure que vous saisissez des caractères, des diaporamas très convaincants, j’en passe et des meilleurs. Les possibilités sont nombreuses et on le voit de plus en plus sur la Toile puisque les sites exploitant cette technologie ne manquent vraiment pas.
Seulement, à la base, l’Ajax n’est pas qu’un langage. Bien au contraire, c’est un ensemble d’outils qui, réunis, permettent de repousser les limites du Web. Cette trousse à outil du développeur repose donc sur le HTML, les CSS, le Javascript, le XML et d’autres petites choses qui ne vous parleront sans doute pas à moins que vous soyez du métier.
Toujours est-il que si je vous parle d’Ajax, c’est pour vous présenter AjaxDaddy, un service web sympathique qui s’impose un peu comme un annuaire de scripts, mais en plus dynamique. Ces derniers sont en effet regroupés en différentes catégories et chaque fiche comporte une démonstration afin que vous puissiez en voir les effets. Et comme le code source est aussi inclue, cela fait d’AjaxDaddy un service incontournable pour tous les développeurs qui se respectent.
Voilà, maintenant je n’ai plus qu’à m’y mettre sérieusement histoire de rendre la Fredzone un peu plus vivante...
Note : Et non, cela n’a rien à voir avec la Fête des Fleurs...
Et au commencement, il n’y avait rien. Cette dernière réplique, dont je ne me souviens plus de l’origine, correspond tout-à-fait à l’état d’esprit de SPIP. Car à l’installation, à part un squelette (ou « thème » si vous préférez) par défaut relativement vide et terne, il n’y a rien. C’est au développeur d’en faire ce qu’il veut.
Au lancement de la Fredzone, je me suis fortement interrogé sur le CMS à utiliser. Je me suis intéressé à Wordpress ainsi qu’à Dotclear avant d’opter pour SPIP. Car si ce dernier possède tout-de-même quelques défauts, il a l’avantage d’être complètement flexible. Utilisé la plupart du temps dans l’élaboration de sites vitrines ou constitutionnels (SPIP a déjà séduit de nombreuses collectivités et de nombreux politiciens), il convient à bien des usages, dont les blogs.
Cela faisait donc bien longtemps que j’avais envie de vous présenter l’outil que j’utilise le plus au quotidien et c’est désormais chose faite avec ce screencast. Au passage, si vous souhaitez obtenir plus d’informations sur SPIP, je vous invite à aller consulter le site officiel ainsi que SPIP Contrib, qui m’ont tout deux souvent aidé.
Durant mes années d’étude au C.E.S.I de Mont Saint-Aignan, j’ai eu la chance de tomber sur un excellent enseignant : Denis Szalkowski. Un type vraiment extraordinaire qui m’a communiqué l’amour du web et du travail bien fait. Mais aussi un prof pas facile, qui nous poussait à nous servir exclusivement du notepad pour coder nos sites. En même temps, c’est comme ça qu’on apprend...
Toujours est-il que je pense que Denis n’aimerait pas du tout IzzyMenu. Et pour cause, puisque ce service web se propose de vous prendre par la main et de vous assister lors de la conception des menus de vos sites. Pas mal d’options de personnalisation sont possibles et vous pouvez même piocher dans la galerie que le site propose pour modifier les créations des autres.
Globalement, l’interface d’IzzyMenu est très sympathique, très réactive et la prise en main est presque immédiate. Après avoir réalisé votre menu, vous pouvez le télécharger ou le partager en un clic. Alors, en ce qui me concerne, je ne compte pas délaisser mon photoshop et mon notepad ++ de sitôt (on sait jamais, Denis peut rôder dans les parages) mais je pense que les néophytes (et même les autres) y trouveront leur bonheur.
Comme on dit, les bonnes idées sont assez rares pour être saluées. Et c’est justement le cas pour O’Reilly qui, une fois de plus, risque de ravir le coeur de tous les développeurs. Pouvoir visualiser comme ça toute l’historique des langages de programmation en un coup d’oeil, c’est presque magique et il faut bien le souligner.
Alors bon, vous avez quand même intérêt à prévoir un sacré grand mur pour l’afficher mais toujours est-il que ça fait plaisir et que ça rendra même fous les plus geeks d’entre nous. Le poster est donc téléchargeable gratuitement sur le site de l’éditeur et n’attend plus que vous pour être imprimé.
Au passage, on remarquera quand même que PHP a sacrément bien évolué ces dernières années et que ses dernières versions se sont d’ailleurs succédées très rapidemment.
Bien plus efficaces que les tableaux et même que le HTML pur, les CSS permettent aux webmestres de structurer leurs pages et de gagner pas mal de temps quand ils ont besoin de faire des mises à jour. Oui, sauf que ce n’est pas une raison pour ne pas les optimiser et qu’avec un peu de rigueur, on peut même considérablement accélérer son site. D’où l’objectif d’économiser des lignes et des caractères.
Du coup, au lieu de partir sur des padding-top : 14px, padding-right : 25px, padding-bottom : 25px, padding-left : 10px on peut juste balancer un petit padding : 14px 25px 25px 10px histoire de gagner un peu de temps et surtout un peu de place. Sans compter que le code en est plus lisible ce qui facilite les mises à jour suivantes.
A noter aussi que des outils en ligne permettent d’optimiser ses CSS, c’est le cas par exemple de CSS Clean, CSS Tidy ou de CSS Tweak. Donc même si vous êtes un peu flemmard, vous n’avez plus aucune excuse.
Là aussi, c’est une astuce toute bête, mais qui peut vous faire gagner quelques secondes sur le chargement de vos pages. Le Javascript permet en effet aujourd’hui de faire des effets plutôt sympas, on peut même trouver pas mal de librairies dédiées, mais ce n’est pas une raison pour l’utiliser à tout bout de champ.
Je pense notamment aux rollovers, qui peuvent être parfaitement gérés en CSS. On peut prendre pour exemple le menu de droite de la Fredzone, qui ne contient pas une seule ligne de code javascript. Ne pas oublier, donc, qu’en informatique et qu’en développement, les méthodes les plus simples sont souvent les meilleures.
Certaines balises sont inutiles et alourdissent inutilement vos pages. Il n’y a pas de secret, il faut s’en débarrasser et les éviter à tout prix. C’est par exemple le cas des "br" et compagnie que l’on peut facilement remplacer en définissant des margin et des padding dans ses CSS. Il faut donc toujours tirer partie des technologies qui existent et simplifier son code au maximum.
De la même manière, beaucoup de webmestres utilisent des noms de variables beaucoup trop longs. Certes, il est pratique de savoir de quoi on parle et à quoi une valeur va se rattacher, mais ce n’est pas pour autant que l’on doit en faire trop. Restez sobre et efficace en définissant une nomenclature qui vous permettra de vous y retrouver sans pour autant vous montrer trop démonstratifs dans les noms utilisés.
Là encore, si nous avons désormais tous des connexions de bourgeois, ce n’est pas pour autant qu’il faut en abuser. Il ne faut pas oublier que les meilleurs formats pour le web sont le PNG, le GIF et le JPG et que le BMP n’a vraiment pas sa place dans ce contexte. Ca peut en faire rigoler plus d’un mais je suis déjà tombé sur un paquet de sites dont les webmestres n’avaient pas vraiment l’air d’être au courant.
De la même manière, lorsque vous créez vos images, pensez toujours à les optimiser pour le web. Des logiciels comme Photoshop le font très bien et vous feront souvent gagner un paquet de kilo-octets.
Si vous avez beaucoup de visiteurs sur votre site, les requêtes effectuées à votre serveur d’hébergement peuvent être assez conséquentes. Il faut savoir que des plateformes dédiées existent (comme Flickr ou ImageShack par exemple) et qu’elles bénéficient souvent d’une meilleure infrastructure que votre hébergeur. Dans ce contexte, autant en profiter un bon coup et faire appel à leurs services.
Attention cependant. Car si ces plateformes viennent à rencontrer des problèmes techniques, votre site en subira les conséquences. Ceci dit, il s’agit là d’une alternative à ne pas négliger et qui doit être sérieusement envisagée.
Sur de nombreux sites ou blogs, je vois encore des images de fond conséquentes sur certains éléments de page (calques, titres, etc...). Les backgrounds ne sont pas à éviter et ils participent souvent à la qualité visuelle d’un site mais ce n’est pas pour autant qu’il faut faire n’importe quoi. Il faut en effet privilégier autant que possible des images légères et petites qui se répètent plutôt qu’une grosse image fixe de taille conséquente.
L’exemple le plus frappant, ce sont encore les stripes qui sont particulièrement à la mode en ce moment. Il faut savoir que des générateurs comme Stripes Designer existent et permettent de générer très facilement une petite image qu’on répètera dans les éléments qu’on souhaite remplir. Autant profiter de ces outils...
Plus votre page contiendra d’objets, et plus les requêtes adressées à votre serveur seront nombreuses. C’est tout bête mais il faut toujours garder cette idée en tête. Alors si vous aimez le javascript, les images, les vidéos et tout autre objet ou script, veillez au moins à ne pas en surcharger vos pages. Sans ça, votre site risque de mouliner et même dans certains cas de planter.
Alors si vous voulez quand même vous éclater, assurez-vous au moins que votre formule d’hébergement est capable de tenir la charge. Si vous avez opté pour du mutualisé, n’en faites donc pas trop et restez toujours vigilant sur le type de contenu que vous proposez à vos lecteurs. C’est bien de faire du multimédia et de profiter au maximum des possibilités offertes par l’ADSL mais ce n’est pas une raison pour ne pas se montrer prudent.
D’un côté, vous prenez donc ce moteur et de l’autre, Netwizz. Ce dernier propose en effet sur son blog un générateur de tags Technorati. Il permet ainsi de les inclure rapidemment et facilement au sein de ses billets, ce qui augmente donc leur visibilité.
Pour se faire, il suffit de commencer par indiquer les mots-clefs de son choix en les séparant par des virgules. Cochez ensuite la case représentant le logo de Technorati pour générer le code que vous allez pouvoir copier dans votre billet. En deux clics, c’est bouclé, et ça marche vraiment du tonnerre.
Il s’agit là d’un outil incontournable pour tout bloggeur qui se respecte. Ne pas en parler aurait été insultant.
Merci donc à Netwizz pour son remarquable travail.
Blog de Fred | Thème réalisé par moi-même | Généreusement propulsé par SPIP
