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. !

The Web is 95% typography, or so they say. I think this is a pretty accurate statement: we visit websites largely with the intention of reading. That’s what you’re doing now — reading. With this in mind, does it not stand to reason that your typography should be one of the most considered aspects of your designs?

Les Frameworks CSS envahissent le web. Très pratiques, ils permettent de gagner beaucoup de temps lors pour la mise en page CSS de votre site.

Parmi les principaux frameworks CSS du moment, j'en ai sélectionné 2:
   960 Grid System
   Blueprint CSS Framework

Au terme de Responsive Design, s’ajoute souvent : Mobile First. Si dès le départ, l’on doit penser son site web adaptif, il est de bon ton actuellement de commencer non pas par une version « complète » du projet, mais plutôt de sa version mobile. Pensez à la version « mobile » de votre projet en premier, puis pour les écrans disposant d’une résolution élevé, enrichissez votre page avec des éléments non essentiels à la navigation/action.

Peut-être que vous aimeriez créer votre propre thème pour votre blog et que vous ne savez pas trop comment vous y prendre ? Et bien, dans les semaines qui vont venir, je vais vous expliquer les différentes étapes à suivre, pas à pas, pour que n’importe qui (ou presque) puisse créer son propre thème. On va voir l’installation de WordPress sur votre ordinateur, les différents types de fichiers, leurs hiérarchies, et les interactions entre eux. On va ensuite apprendre à créer un thème relativement simple avec Photoshop et comment l’intégrer dans les différents fichiers. Enfin, on verra comment mettre tout ça en ordre grâce aux fichiers CSS.

Dans la série des thèmes WordPress minimalistes voilà The Ideal Website 1.1 proposé par Information Architect (iA). L’équilibre graphique de ce thème provient essentiellement de l’application de la suite de Fibonacci — qui fournit des rapports très proches du nombre d’or — aux différentes proportions des éléments du design. Le résultat est ce que j’ai vu de mieux en matière de mise en page pour un blog. C’est la démontration réussie que l’on peut appliquer les règles de mise en page du monde de l’imprimé à l’écran, sans rien sacrifier. Je l’avais presque oublié.