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
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 »
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 »
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.
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 »
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 :
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 !
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 »
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 »
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 »
Grâce au tutoriel très complet de Josselin Willette sur la personnalisation des formulaires paru sur Developpez, vous saurez comment mettre les éléments de formulaire au garde-à-vous : input text, password, radio, checkbox, button, submit, reset, textarea, select… Et oui, vous avez bien lu : vous pourrez même changer ce satané texte Parcourir… propre aux input de type file ! Attention toutefois à ne pas trop pertuber l’utilisateur car en matière de formulaire, le moche c’est bien…
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 »
Dans le monde de la création d’objet destiné au monde réel, le designer a l’habitude d’intégrer l’ergonomie dès le début de sa démarche créative. Il n’y parvient pas à tout les coups, mais toujours est-il que le but ultime de tout jeune designer est de créer un objet adapté à l’usage et à l’usager. Lire l’article »
Après quelques mois d’absence, Monique Brunel est de retour sur le web avec un nouveau nom de domaine webatou.info car l’ancien — webatou.be — n’a pas résisté à l’épreuve du temps. Le blog webatou revient donc sur le ring de l’accessibilité des sites web et c’est tant mieux ! car je commençais à me relâcher un peu sur le contraste de certaines couleurs de texte par rapport au fond ;)
Francis Chouquet et Amaury Balmer viennent de sortir un DVD de formation pour tout connaitre de WordPress. Ce DVD est actuellement disponible au téléchargement pour moins de 50€. Quand on connait le professionnalisme des deux auteurs, on ne peut que se réjouir de voir ce qu’ils nous proposent : Lire l’article »
La recherche intégrée à WordPress est l’une des plus calamiteuses qu’il m’ait été donné d’utiliser. Il est pour ainsi dire presque impossible de trouver ce que l’on cherche si les billets traitant d’un même sujet sont nombreux. Au point qu’il est souvent plus facile de passer par Google pour retrouver des articles anciens. La commande site:www.css4design.com "commentaires conditionnels" dans le champs de recherche de Google permet de retrouver les articles concernant les commentaires conditionnels avec beaucoup plus de pertinence que la même requête depuis le blog lui-même ! Lire l’article »
Les différences de rendu entre les différents navigateurs sont le lot quotidien de l’intégrateur CSS : un léger décalage par ci, une largeur différente par là… et la tentation est grande d’envoyer paitre le dernier de la classe, au grand dam de la voix de la sagesse (souvent commerciale) qui vous prie de ne pas négliger 85% de ses clients potentiels… Lire la suite »
Yves Van Goethemannonce 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é.
Vous ne savez pas quelle license choisir pour votre contenu ? Vous voulez partager votre savoir sans pour autant perdre du temps à comprendre les subtilités entre les licences GPL, BSD, Creative Commons, etc. ? WTFPF est fait pour vous : Lire la suite »
Envie de changer la langue pour afficher les conseils et les messages du moteur de recherche Google dans le jargon des Hackers ou avec l’accent d’Elmer Fudd ? C’est possible :
Aller dans les Préférences,
Changer la langue pour le Japonais — validez,
Changer la langue à nouveau et choissez votre parfum dans le haut de la liste ;)
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 !
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.
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 :
Grâce au tutoriel très complet de Josselin Willette sur la personnalisation des formulaires paru sur Developpez, vous saurez comment mettre les éléments de formulaire au garde-à-vous : input text, password, radio, checkbox, button, submit, reset, textarea, select… Et oui, vous avez bien lu : vous pourrez même changer ce satané texte Parcourir… propre aux input de type file ! Attention toutefois à ne pas trop pertuber l’utilisateur car en matière de formulaire, le moche c’est bien…
Après quelques mois d’absence, Monique Brunel est de retour sur le web avec un nouveau nom de domaine webatou.info car l’ancien — webatou.be — n’a pas résisté à l’épreuve du temps. Le blog webatou revient donc sur le ring de l’accessibilité des sites web et c’est tant mieux ! car je commençais à me relâcher un peu sur le contraste de certaines couleurs de texte par rapport au fond ;)
Francis Chouquet et Amaury Balmer viennent de sortir un DVD de formation pour tout connaitre de WordPress. Ce DVD est actuellement disponible au téléchargement pour moins de 50€. Quand on connait le professionnalisme des deux auteurs, on ne peut que se réjouir de voir ce qu’ils nous proposent : Suite »
Les mots-clés qui vous amènent des visiteurs sont précieux. Ils en disent autant sur le contenu de votre site web que sur les intentions des internautes, dans un double mouvement qui se renforce : plus votre contenu colle à la demande et plus la demande viendra vers vous.
Hittail vous permet de connaitre les mots-clés représentatifs de votre contenu susceptibles de générer du trafic si vous les utilisez dans un article. Pour en savoir plus sur ce service original, je vous propose de lire Hittail et longue traine que j’ai écrit sur le blog développement de Cortix dans le cadre d’une collaboration ponctuelle.
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 Hemmerstoffer, Anh Phan, Romain 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 [...]
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 [...]
le nouveau classement des blogs Le top des blogs est une mine d’or pour ceux qui veulent prendre la mesure de la longue traine appliquée à l’audience de la blogosphère. Il permet de classer les blogs selon plusieurs critères : Les blogs les plus lus selon le nombre de lecture du flux RSS (Reach), le nombre [...]
BLIP.fm est un site étonnant qui reprend avec intelligence le principe de Twitter appliqué à la musique que l’on est en train d’écouter (ou que l’on aimerait entendre). Le principe est simple : on “blip” le titre que l’on est en train d’écouter à l’aide d’un champ de recherche. Reste à sélectionner le bon morceau [...]
L’article Blogues et commentaires : un mal vraiment nécessaire ? est une très bonne contre-analyse de Michael Carpentier de l’article Le phénomène blogue tire à sa fin de Nelson Dumais que j’avais évoqué il y a peu. Pour résumer, deux journalistes font part de leur désintérêt pour leur blog à cause des commentaires abusifs ou [...]
je me demande s’il ne vaut pas mieux bloguer à l’écart, non pas sur un blog, mais sur un site Internet conventionnel. Finalement, garder le fond, mais changer la forme. Même si cela revient à s’isoler des autres blogueurs… Matthieu M. de CeciDit… se demande s’il ne vaut pas mieux éditer un site web “classique” ou [...]
Dans la blogosphère, la fin des blogs, c’est un peu comme de la fin du monde : toujours annoncée, jamais arrivée ! Dans ce genre de discours, il y a ceux qui prédisent la fin à grand renfort d’arguments (souvent de mauvaise foi) et ceux qui défendent ce formidable outil d’expression. Dans son billet, Michelle Blanc [...]
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 »