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 [...]
Le blog de l'intégrateur web
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.
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 — 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 ?
Comment remplacer les gestionnaires d’événements présents dans une page web en redéfinissant le comportement onclick, onmouseover… des éléments XHTML ? Tout simplement en utilisant la magie du DOM et de Javascript. Généralement, lorsqu’on veut appliquer une fonction sur un élément XHTML (ouvrir un popup lorsqu’on clique sur une image, par exemple), on utilise une fonction popup() déclenchée par un événement onclick placé dans la balise comme ici : <img src= »/img1.gif » onclick= »popup() » />. C’est parait simple, efficace et rapide… Or, ça peut vite devenir compliqué, inefficace et lent… 
