La réputation des blogs pour accrocher les lecteurs, les moteurs de recherche en général et Google en particulier n’est plus à faire. Les raisons sont à la fois éditoriales et techniques. Dans ces conditions, le lancement d’un blog d’entreprise semble idéal pour établir une relation privilégiée avec les internautes Lire la suite
Intégration web
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 21 scripts pour faire face à toutes les situations (ou presque) : Lire l’article »
Publié le 19 novembre 2008 par Bruno Bichet. 2 commentaires »
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 ! Lire l’article »
Publié le 6 novembre 2008 par Bruno Bichet. 4 commentaires »
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.
Publié le 4 novembre 2008 par Bruno Bichet. Aucun commentaire ? »
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 usage ultérieur. D’un côté, c’est pratique : les fichiers en question ne sont téléchargés qu’une fois ; de l’autre, ce n’est pas très pratique : si vous modifier ces fichiers, c’est la version placée en cache qui continuera de s’afficher jusqu’à ce que l’utilisateur vide son cache. 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'); ?>">
Le Potlatch, c’est pas un cadeau ? Si si, bien au contraire !
Publié le 1 novembre 2008 par Bruno Bichet. 5 commentaires »
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 les scripts PHP tout simples qui en ont sous la botte. A l’aide de deux tableaux Array PHP nous choisirons les balises div à afficher dans notre page web et dans quel ordre afin 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. Lire l’article »
IE6 — Gérer la transparence du format PNG 24 bits
Le format PNG autorise jusqu’à 256 niveaux de transparence qui ne sont pas pris en charge par Internet Explorer 6. La dégradation grâcieuse n’étant pas toujours possible, je me suis rafraichis la mémoire sur les différentes manières d’utiliser le filtre AlphaImageLoader. J’ai fini par tomber sur une solution globale pour gérer cette transparence même en présence d’un background-repeat ou d’un background-position ! (Cet article est en quelque sorte la suite de Opacité CSS et effet de trame avec GIF/PNG transparent.) Lire l’article »
Publié le 20 octobre 2008 par Bruno Bichet. 14 commentaires »
Aligner le contenu d’un champ input avec le label associé
Lorsqu’on donne une hauteur height à un champ input, il arrive que le texte saisi à l’intérieur ne s’aligne pas correctement avec la base du texte présent dans le label. Dans ce cas, je diminue la hauteur et je distribue un soupçon de padding en haut et/ou en bas selon l’alignement souhaité. Lire l’article »
Publié le 14 octobre 2008 par Bruno Bichet. 16 commentaires »
Des feuilles de style CSS dynamiques avec PHP
Les bonnes pratiques de développement web font leur chemin et l’intégrateur web prend l’habitude de séparer le fond (code HTML) de la forme (feuille de style CSS et Javascript) dans des fichiers distincts pour une saine séparation des pouvoirs et une maintenance aisée. Malgré tout, quand je regarde mes feuilles de styles, je trouve une palanquée de valeurs redondantes ou dépendantes d’autres valeurs. En attendant qu’une prochaine génération de CSS gère les variables, voici plusieurs manières d’ajouter du code PHP dans vos fichiers CSS. Lire l’article »
Création de webdevfr sur Google Groups
Yves Van Goethem annonce la création du groupe de discussion webdevfr sur Google Groups pour rassembler les professionnels francophones du développement web afin qu’ils échangent en toute simplicité.
Manifeste pour bouter IE 6 hors des blogs avec kickIE6.js
Un spectre hante le web : le spectre Internet Explorer 6. Nombreux sont ceux qui ont tenté de convaincre les webmasters de refuser de servir le navigateur collé au fond de la classe près du radiateur ou qui s’interrogent sur son utilisation. Sans trop de résultats. Lire l’article »
Publié le 8 septembre 2008 par Bruno Bichet. 30 commentaires »
PNGHack — La fin de 7 ans de malheur avec IE 6
En 2001 Internet Explorer 6 n’avait toujours pas intégré la transparence du format PNG pourtant sorti en 1995. Cette gestion de la transparence est une des fonctionnalités qui manquent le plus aux web designers… Lire l’article »
Publié le 7 septembre 2008 par Bruno Bichet. 7 commentaires »
jQuery — JavaScript Rock Star à l’Apps Hero
jQuery, le framework Javascript à l’heure de l’apéro ? C’est possible en vous rendant sur jQuery.com et en tapant : haut haut bas bas gauche droite gauche droite b a :) Pour les maladroits : http://ejohn.org/apps/hero
Via Bouctoubou
PS : le code Konami marche aussi sur Google Reader ;)
Publié le 5 septembre 2008 par Bruno Bichet. 2 commentaires »
The HTML Framework Project | Phase 1.1 — définir
Je vous ai rapidement parlé de The HTML Framework Project qui propose de réfléchir ensemble à la mise en place d’un environnement de travail pour rendre le démarrage d’un projet de site web moins ennuyeux. Le projet en est à la phase 1.1 : définir. Il est évident que produire un bon code HTML est un métier, un art qui peut difficilement se faire comme on élève des poules en batteries. Pour autant, il doit être possible de dégager parmi les bonnes pratiques de travail, quelques concepts récurrents que l’on pourrait utiliser au démarrage d’un projet. Lire l’article »
Publié le 5 septembre 2008 par Bruno Bichet. 6 commentaires »








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. Lire l’article »
Publié le 3 novembre 2008 par Bruno Bichet. 9 commentaires »