Cette petite astuce toute simple permettra à vos clients(1) de styler certains liens différemment des autres (Call to action, bouton, etc.) depuis TinyMCE, l’éditeur WYSIWYG de WordPress. Il suffit de créer un lien et de le mettre en «gras» avec l’icône B. Cette combinaison toute simple vous donnera le composé HTML suivant : →
Suite à la demande de Lars Gunther, la balise `hgroup` ne fait plus partie du brouillon HTML5 des spécifications du W3C. Les raisons de cet abandon semblent assez subjectives. Il semblerait que Lars Gunther n’aimait pas vraiment cet élément et que Ian ‘Hixie’ Hickson non plus. Il n’en fallait pas plus pour que cette balise disparaisse purement et simplement du brouillon HTML5. →
Les rôles ARIA sont des attributs que l’on ajoute aux balises HTML dans certaines zones du document pour préciser leur fonction. Ces attributs permettent aux différentes technologies d’assistance pour les personnes en situation de handicap de se repérer dans votre document. Dans cet article nous verrons comment nous pouvons remplacer l’attribut id par les rôles ARIA lorsqu’il s’agit d’accéder aux éléments pour les styler avec CSS. →
Après la lecture du livre CSS avancées — Vers CSS3 et HTML5, je me suis amusé avec les propriétés de rendu en tableau avec CSS (à partir de la page 122 pour ceux qui ont l’ouvrage sous les yeux). Pour m’entrainer à utiliser ces nouvelles propriétés comprises par tous les navigateurs modernes et à partir de IE8 pour Internet Explorer, je me suis fixé comme objectif de réaliser une mise en page du type de ce que l’on fait généralement à base de `float: left` et de `margin-right` pour obtenir des colonnes séparées par des gouttières. Bref, du classique de chez classique. →
Toujours en quête de concision et d’exhaustivité pour définir le métier d’intégrateur web — et puisque on n’est jamais mieux servi que par soi-même –, voici ma modeste contribution sous la forme d’une courte définition qui devrait prendre place prochainement dans une «fiche métier» consacrée à l’intégration HTML & CSS : →
Mon comparatif entre 960 Grid System et Blueprint CSS m’a permis de faire le point sur les fonctionnalités que l’on retrouve dans un framework CSS, en mettant en lumière leurs avantages et inconvénients respectifs. Tout naturellement, j’ai voulu les mélanger pour ne garder que le meilleur. Pour faire bonne mesure, j’ai ajouté The Simpler Grid découvert récemment que j’ai ajouté à ma réflexion pour créer un espèce de The Blue «940» Grid Simpler. J’envisage d’utiliser ce système de grille simple et efficace en complément du concentré de bonnes pratiques HTML5 Boilerplate. →
La plupart des formations dédiées à la création de sites web ressemble trop souvent encore aujourd’hui aux formations PAO d’hier où l’on apprenait à utiliser des logiciels sans rien connaitre des aspects «métier». A quoi bon connaitre les différentes manières de faire des colonnes dans Quark XPress ou InDesign et d’importer du texte et des images si l’on a aucune notion de mise en page et de typographie ?! C’est la même chose avec Dreameweaver ou votre éditeur HTML préféré. Les fondamentaux du graphisme et les principes de base de l’ergonomie doivent faire partie intégrante des projets de formation en Webdesign, sans quoi ils sont voués à l’échec. →
Une hirondelle ne fait pas le printemps parait-il, mais la sortie de HTML5 Boilerplate en version finale 1.0 pourrait bien redonner le sourire et réchauffer le cœur des intégrateurs HTML & CSS et des développeurs web à l’affut des bonnes pratiques. HTML5 Boilerplate est un concentré des meilleurs techniques du moment : classes CSS conditionnelles pour IE6, IE7 et IE8 ; Javascript (jQuery) ; configuration de différents serveurs (.htaccess, web.config, nginx.conf) ; prise en compte des mobiles (Handheld) ; HTML5 et CSS3 (Modernizr ou html5shiv) ; Google Analytics. Grosse cerise sur le gâteau, tout est optionnel et configurable via à un générateur en ligne. →
CSS WARP est un générateur CSS3 conçu par Eleqtriq dont les expérimentations font reculer d’un cran les limites du monde réel. En effet, CSSWARP permet d’afficher du texte le long d’une forme vectorielle irrégulière (courbe de bézier, cercle) avec la possibilité d’ajouter des points d’ancrage pour modifier le tracé, à la manière d’Illustrator. →
Les langages du web comme HTML et CSS sont structurés autour de concepts qui n’ont pas forcément de rapport avec la manière dont ils seront utilisés. Les concepteurs ne sont pas les auteurs ; il appartient à ces derniers de tâtonner puis d’en parler avec leurs voisins pour connaitre les bonnes pratiques du jour. Les spécifications sont très utiles pour comprendre la nature des balises HTML et des propriétés CSS mais ne suffisent pas pour réaliser un site Internet. Et pour cause : il n’existe pas de recette toute faite. Les ingrédients (les contenus) sont uniques et demandent un traitement graphique et un marquage HTML particulier. →
