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 ?
Catégorie » Intégration web
Balise HTML5 : Parle à ma « main »
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 ?
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 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 ?
CSS Selectors — Visualiser les sélecteurs CSS de manière interactive
CSS Selectors – Si comme moi vous avez parfois des difficultés à distinguer la portée de certains sélecteurs CSS, ce site vous sera très utile. il suffit de sélectionner un sélecteur dans la liste et de regarder les éléments qui sont mis en évidence dans le marquage HTML qui sert d’exemple. Cerise sur le gâteau, la page précise les navigateurs compatibles et affiche la règle CSS en cours. Voulez-vous en savoir plus ?
