Archives

Hi! this section is about displaying all the posts published on this site. Yes, like a blog!

Le code CSS et Javascript inline saimal

Cet article est une « craduction »(1) de l’excellent article Why Inline CSS And JavaScript Code Is Such A Bad Thing dans lequel Robert Nyman explique pourquoi il est bon de séparer la structure HTML, la présentation CSS et l’interactivité Javascript dans le processus de conception d’un site web. Chaque partie devrait faire l’objet d’un fichier distinct où l’intrusion des deux autres devrait être limitée au strict minimum. Yalla, en avant les jeunes !

21 fonctions Javascript pour l’intégrateur web (et plus à venir…)

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions *standalone* sous la souris pour se faciliter l’intégration *cross-browser* ! Voici une sélection de plus de 21 scripts pour faire face à toutes les situations (ou presque) :

La blogosphère m’ennuie et Le Monde aussi

Juste au moment où je termine un billet par la blogoshère m’ennuie, voilà que deux ou trois remous blogosphériques m’éveillent. L’article Profession blogueur paru dans Le Monde brosse le portrait de quelques blogueurs comme Steve HemmerstofferAnh PhanRomain Libeau ou encore Delphine Desneiges.

Sans oublier la régie publicitaire Blog Rider qui reste finalement le sujet central de l’article…

Bref, après les blogueurs qui se prennent pour des journalistes, voilà que les journalistes se prennent pour des blogueurs…

Mais où va le monde !

Blogalwarming, un blog contre le réchauffement climatique

Après plusieurs mois de préparation, Francis applique la dernière couche de peinture à Blogalwarming. Ce blog collectif — auquel j’ai le plaisir de participer — se penchera sur la protection de l’environnement, la place de la culture biologique, les énergies renouvelables, le développement durable, le respect de la biodiversité, etc.

J’avais tenté d’aborder ces sujets sur éco-logis qui n’a pas résisté au recentrage de mes activités blogosphériques autour de css 4 design et de Twitter. Mais — et le paradoxe n’est qu’apparent –, comme franc.is, je vais lancer d’ici peu un nouveau blog à tendance irrégulomadaire pour accueillir mes réflexions, une partie de mes tentatives littéraires et le reste.

Quand à Notorious Blog, je suis partagé entre l’envie de continuer à faire le point sur ce qui a retenu mon attention dans le paysage blogosphérique francophone, mais je dois avouer que le coeur n’y est plus pour le moment. Pour dire les choses simplement : la blogosphère m’ennuie.

Liens utiles pour l’intégrateur HTML / CSS et le développeur web

Cette sélection de liens triés sur le volet en provenance de mon compte Delicious vous aidera peut-être : à trouver des snippets (bouts de code) pour faire face à toutes les situations ; à concevoir des emails qui tiennent la route ; à dénicher des feuilles de style pour vos tableaux ; à ajouter des menus déroulants intelligents à votre site web ou encore à faire le point sur les *templates tags* WordPress disponibles pour votre thème de blog !

DVD de formation XHTML et CSS

Après Francis Chouquet et Amaury Balmer qui nous ont gâté avec leur DVD de formation WordPress, c’est au tour de Florent Verschelde de commettre un DVD de formation sur XHTML et CSS :

> Adoptez les bons réflexes pour concevoir des sites Web actuels et créatifs ! Cette formation animée par Florent Verschelde est conçue pour répondre à vos besoins quel que soit votre niveau. Débutants, découvrez toutes les bases grâce à de nombreux exercices pratiques et liens utiles fournis. Vous êtes de niveau intermédiaire, trouvez toutes les clefs nécessaires pour implémenter vos designs et concevoir des pages conformes aux standards du Web (W3C) en mettant à profit les richesses des feuilles de styles CSS. Des gabarits présentés avec Alsacreations.com vous permettront de trouver de nouvelles bases solides pour enrichir vos projets.

Contribution au guide stylistique pour HTML et CSS

Florent Verschelde lance le projet de rédiger un guide stylistique (charte rédactionnelle ou conventions de codage) pour les langages HTML et surtout CSS sous l’égide d’Alsacreations. Une description de ce projet est disponible dans ce document. Voici ma modeste contribution à cette première étape du projet qui consiste en deux séries de questions pour sonder les professionnels du web sur leurs habitudes de travail en matière de mise en forme du code.

Fonction PHP filemtime() pour cacher les fichiers CSS et JS

Vous le savez certainement, les fichiers Javascript ou CSS sont placés dans le cache du navigateur pour être réutilisés sans devoir aller chercher les mêmes informations sur le serveur. C’est assez pratique car les fichiers en question ne sont téléchargés qu’une fois. Mais si vous modifiez ces fichiers après la mise en ligne, c’est la version placée en cache qui continuera de s’afficher jusqu’à ce que l’utilisateur vide son cache d’une façon ou d’une autre.

Pour y remédier, Damien Ravé nous propose une utilisation judicieuse de la fonction PHP filemtime() qui renvoie la date de la dernière modification d’un fichier pour recharger le cache CSS ou JS :

<script type="text/javascript" src="js/script.js?v=<?php echo filemtime('js/script.js'); ?>">
<link rel="stylesheet" type="text/css" href="css/ecran.css?v=<?php echo filemtime('css/ecran.css'); ?>">

CSS — Structurer, documenter et maintenir

Après la présentation du script PNGHack, voici une nouvelle présentation de Yves Van Goethem concernant l’organisation et l’optimisation de nos chères feuilles de style CSS : application des conventions de développement à l’écriture des CSS ; structuration des CSS selon la complexité des documents à styler et pour terminer, une bonne dose de bonnes pratiques !

Afficher ou ordonner les éléments HTML avec PHP

Je raffole des petites fonctions ou des scripts PHP tout simples qui en ont sous la botte. Par exemple, à l’aide de deux tableaux Array PHP nous choisirons 1) les balises div à afficher dans notre page web et 2) dans quel ordre. Le but sera de modifier la structure de notre document sans toucher au code HTML. Pour ce faire, il suffira de remplir les string qui vont bien dans l’Array.