Le blogzine de l'intégrateur web : du Design Web au HTML5, CSS3 et jQuery en passant par la création graphique

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

Le petit journal du web — Novembre 2014 #1

Le monde du développement et de l’intégration web est en perpétuel mouvement, et cette sélection de liens issus de ma veille technologique le montre encore : des nouvelles de HTML5 qui prend du galon, des techniques et des réflexions sur les grands principes de conception CSS en général et des grilles de mise en pages en particulier, des effets hover à foison, du responsive web design, de la performance web, un soupçon de design, et, pour finir, quelques réflexions sur la course à l’armement dans le développement front-end initiées par deux <figures> du web francophone. Voulez-vous en savoir plus ?

Le petit journal du web — juin 2014 #1

Après un an quasiment jour pour jour sans activité de ma part (et oui, ce sont les visiteurs qui font tout le boulot sur ce blog !), je me suis enfin décidé à reprendre le collier. Rien de bien fou pour le moment, mais juste à manger et à boire… Au menu, donc : les nouveautés de Google en direction des développeurs et intégrateurs front-end ; un outil pour choisir vos palettes de couleurs ; quelques rappels sur les fondamentaux des CSS (float, position, fusion des marges, height, etc.) ; un générateur d’animation CSS3 comme on les aime ; et pour finir, un script pour envoyer un SMS sur votre mobile. Voulez-vous en savoir plus ?

Le petit journal du web — Juin 2013 #2

L’actualité est suffisamment chargée pour ce mois de juin pour justifier ce deuxième petit journal du web. Au menu, je vous propose : des effets CSS3, un générateur d’ombres portées, des boutons pour des Call to action efficaces, le point sur la santé de vos CSS, un pure framework HTML & CSS proposé par Yahoo! (profitez-en pour consulter Choisir un framework CSS qui présente plus de 50 solutions), un compte Twitter pour assurer une veille sur l’accessibilité web, et un guide complet pour utiliser Excel dans un contexte de référencement pour améliorer la gestion de votre SEO. Au total, ce sont huit liens qui se battront pour attirer votre attention. Voulez-vous en savoir plus ?

Le petit journal du web — Juin 2013 #1

  • Guide CSS — A côté des tutoriels HTML & CSS dont j’ai dressé une liste non exhaustive dans l’article Tutoriels pour apprendre HTML & CSS, ce  guide rassemble des conseils et des bonnes pratiques pour l’écriture et l’organisation des feuilles de style CSS, notamment lorsqu’on travaille sur des projets d’envergure. Au sommaire de ce guide CSS : anatomie d’un document CSS, ordre des sources, anatomie d’une règle, conventions de nommage, commentaires, écrire du CSS, construire de nouveaux composants, CSSOO, mise en page, taille des interfaces, Raccourcis, IDs, Sélecteurs, etc. Merci à David Leuliette pour le fork de CSS Guidelines. Voulez-vous en savoir plus ?

Balise HTML5 : Parle à ma « main »

A compter d’aujourd’hui, l’élément html5 main pourrait rejoindre la panoplie du parfait intégrateur web à côté des autres balises permettant de regrouper du contenu palpable. Ce nouvel élément a pour mission de devenir la cible privilégiée du lien d’évitement « Skip to link » ou « Aller au contenu principal ». Comment l’utiliser ? C’est simple, il devrait tout simplement remplacer la <div role=’main’> que vous utilisez certainement depuis longtemps ! Voulez-vous en savoir plus ?

Le petit journal du web #1 — Mars 2013

Dans ce premier petit journal du web du mois de mars, je vous propose, comme d’habitude, une courte sélection des liens qui ont retenu mon attention ces derniers jours. Au programme, vous trouverez pêle-mêle : une liste de hacks CSS et JS pour cibler les navigateurs de votre choix ; une piqûre de rappel pour avoir les bonnes pratique de développement dans la peau ; une réflexion de @HTeuMeuLeu concernant le chargement des pages web ; une autre réflexion sur l’évolution du métier de graphiste ; et pour finir, une vidéo haletante proposée par @o2sources sur les demandes parfois farfelues des clients à la mode des séries US. Voulez-vous en savoir plus ?

Le petit journal du web — Février 2013 #1

Encore des ressources et des bons tuyaux issus de ma veille technique et stratégique (ça poutre, non ?) quotidienne sur les interwebs : comparatif des outils de compression d’image ; tableau de compatibilité HTML5, CSS3 pour mobiles ; aide à la sélection de couleurs et à la création de palettes de couleurs ; générateur de propriétés CSS3 et de textures ; des curseurs comme s’il en pleuvait ; un tutoriel pour faire des e-mail responsive qui s’affichent bien partout ; et pour finir, un article intéressant qui propose de réfléchir sur le destin des informations sur le web avec les URI’s qui vont bien. Et si votre site web devait durer 1000 ans ? Voulez-vous en savoir plus ?

Invokator — Editeur front-end pour Bootstrap

Invokator est un éditeur visuel pour Bootstrap créé par une agence web Suisse. Cet outil vous permettra de créer de beaux sites avec n’importe quel environnement «compatible Bootstrap». Bâti sur de solides fondations, Invokator allie un haut niveau de codage à un design intuitif pour fluidifier et accélérer votre flux de production. J’ai eu l’occasion de tester rapidement Invokator — actuellement en version alpha — dont la version bêta devrait devrait voir le jour vers la mi-avril. En attendant, je vous suggère d’ajouter le compte Twitter @invokator pour suivre le projet.

Voulez-vous en savoir plus ?

HTML5 — Un élément subline pour remplacer hgroup ?

C’est @HTeuMeuLeu qui me l’apprend via Twitter : le W3C propose de remplacer la balise hgroup par un nouvel élément subline pour mieux refléter les usages des auteurs de sites web (cf. Replace hgroup with the subline element) et ajouter un peu plus de vocabulaire dans le dictionnaire — toujours en effervescence  — de l’intégrateur web.  Pour rappel, le rôle de la balise hgroup était de court-circuiter l’apparition d’un niveau hiérarchique dans l’outline du document lors de l’utilisation d’une balise h2, par exemple. Voulez-vous en savoir plus ?

Le petit journal du web — Novembre 2012 #1

Ce petit journal du web de milieu de mois propose un résumé des liens qui ont atterri dans mes filets (la liste complète est disponible sur mon compte Diigo). Dans ce billet, vous trouvez : les articles parus sur la timeline 4design.tl ces derniers temps ; le blog de Mathieu consacré à une veille active sur jQuery et d’autres frameworks Javascript ; une série d’articles parus dans le train de 13h37. Vous trouverez également des articles sur la propriété @font-face, le fichier .htaccess, les backgrounds multiples, ainsi qu’une mise en garde contre a { outline: none }. Pour finir, je vous propose un outil en ligne pour créer des flèches en CSS. Voulez-vous en savoir plus ?



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site