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

Outil pipette-loupe dans Google Chrome

Le navigateur Google Chrome est doté (depuis quand, je ne sais pas) d’un outil particulièrement intéressant pour prélever les couleurs dans une page à l’aide d’une loupe qui tutoie le pixel pour notre plus grand bonheur. Bien sûr, il existe d’autres outils plus complets comme ColorZilla mais vu que les outils pour développeurs sont à porter de clic, autant en profiter. Utilisation possible : aller chercher des couleurs dans une image lorsqu’on design dans le navigateur, dans le cadre d’un prototype, par exemple.  Voulez-vous en savoir plus ?

CSS de A à Z

CSS de A à Z est un site qui propose des tutoriels vidéo en anglais sur 26 propriétés ou valeurs plus ou moins usuelles en CSS. Chaque vidéo est accompagnée d’un résumé et de son transcript contenant les exemples de code prêts à être copiés-collés dans votre éditeur de code préféré. Une chaîne Youtube est également disponible pour ceux qui — comme moi — apprécient de regarder les vidéos sur l’écran TV, le smartphone servant de télécommande. Cerise sur le gâteau, l’auteur nous offre les coulisses de la réalisation de ses vidéos où l’on apprend qu’il ne faut pas moins de 6 heures pour obtenir quelques minutes de plaisir visuel… Voulez-vous en savoir plus ?

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 ?



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