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

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 ?

Le petit journal du web — Octobre 2012

A la «Une» ce mois-ci, un jeu de plateau à imprimer à la maison pour apprendre les bases de HTML5, suivi par des liens tous plus intéressants les uns que les autres. La suite présente des trucs, des astuces et autres ressources à garder sous le tapis de souris pour les ressortir au moment opportun. Pour ma part, je garde les fruits de la veille dans mon panier Diigo. Bref, au menu de ce petit journal de l’intégrateur web : de la documentation sur les langages du web, une astuce pour surcharger des styles en ligne, un topo complet sur les couleurs hexadécimales, du Responsive, du jQuery Mobile, de la validation HTML, etc. ! Voulez-vous en savoir plus ?

Quelques ressources pour optimiser Bootstrap

Bootstrap est un framework CSS & Javascript conçu pour accélérer et faciliter vos développements «front-end». C’est devenu le couteau suisse du web : on y trouve une lame adaptée pour chaque besoin, ou presque. Une fois que Bootstrap est mis en place, l’intégrateur web dispose d’un coup de nombreux outils CSS et Javascript pour créer des maquettes et des éléments d’interface à l’aide de classes qu’il suffit de placer sur les éléments HTML appropriés (listes, div, etc). Voulez-vous en savoir plus ?

Le petit journal de l’intégrateur web — Septembre 2012

Il s’en est passé des choses depuis mon petit journal de juin ! Pour septembre, je vous ai concocté une revue de web qui devrait vous plaire. Pour résumer, je vous propose : de quoi  travailler plus vite avec Twitter Bootstrap ; des conseils pour passer du wireframe au prototypage rapide ; des kits d’interfaces utilisateurs CSS3 ; des réflexions sur la rastérisation automatique des images ; un mémo pour comprendre (et faire comprendre) HTML5 ; une remise en question des méthodes de travail avec CSS ; une réflexion sur l’utilité des préprocesseurs CSS ; des conseils pour gérer les projets complexes ; des techniques CSS à garder sous le coude ; et pour finir, trois articles parus sur Openweb. Voulez-vous en savoir plus ?

Le petit journal de l’intégrateur web — Juin 2012

Le mois de juillet arrive à grand pas. Il est donc temps de sortir les ressources qui ont attiré mon attention pendant le mois de juin. Voici 11 liens triés sur le volet qui s’adressent tout particulièrement à l’intégrateur web mais qui feront, je n’en doute pas, le bonheur des autres intervenants du flux de production web. Au menu : un casse-tête CSS à résoudre ; des réflexions sur le Responsive Webdesign ; des astuces CSS et Javascript ; un guide des bonnes pratique en rédaction ; tout ce qu’il faut savoir sur le petit robots.txt ; un point complet sur le contenu d’une prestation de référencement, etc. Voulez-vous en savoir plus ?

Le petit journal de l’intégrateur HTML & CSS — Mai 2012

Au sommaire de ce petit journal nous trouvons : une traduction par mes soins d’un article fouillé sur les roues chromatiques (théorie et perception des couleurs) ; une vidéo de recommandations pour vos designs «responsive» ; des principes de codage pour travailler efficacement avec Javascript ; des propriétés CSS3 utiles pour concevoir des médias paginés (livres) ; un récapitulatif des éléments HTML & CSS pour obtenir une grille typographique équilibrée ; des retours d’expériences sur les méthodes d’intégration web ; une astuce simple et efficace pour simuler les états actifs dans Chrome et Firefox et, pour finir,  une méthode pour modifier une palette de couleurs d’un seul coup avec Less et/ou avec Sass. Voulez-vous en savoir plus ?

20 ressources pour la création de formulaires HTML

Les formulaires web ont souvent une mauvaise e-réputation auprès des designers web. Pourtant, ils sont incontournables dès que l’on veut recueillir des données sur les utilisateurs ou les faire interagir avec une application en ligne. Pour rendre la création des formulaires HTML moins laborieuse, voici une série de  liens pour mieux comprendre l’accessibilité des formulaires, avoir des exemples pour l’inspiration, générer des formulaires en ligne. Pour finir, je vous ai ajouté une liste de plugin jQuery pour rendre vos formulaires un peu plus «sexy» :-) Voulez-vous en savoir plus ?

Mes thèmes WordPress Basics et Beyond Basics sont sur Github

Cela fait longtemps que j’envisage de mettre mon thème WordPress Basics et son thème enfant Beyond Basics sur Github. L’intérêt est double : 1) mieux gérer les mises à jour et les tests de nouvelles fonctionnalités, et 2) faciliter le côté «thèmes à emporter» pour les développeurs qui sont les destinataires principaux de ce «blank thème». Par ailleurs, la création des .zip à la volée m’évitera de jongler avec la mise à disposition des téléchargements pour les versions intermédiaires. Pour tout savoir sur l’installation de Git et l’utilisation de Github, je vous conseille la lecture du tutoriel Gérez vos codes source avec Git. 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