Tutoriel : Formulaires HTML5 : placeholder, required, pattern et validation
HTML5 introduit de nombreuses nouveautés pour les formulaires pour améliorer l'aide à la saisie et les contrôles disponibles pour l'utilisateur. Plusieurs attributs simples à mettre en place améliorent la prise en charge des formulaires, tout en se passant de JavaScript.
Lire la suite et commenter »
Outil : Cubic Bezier
Outil de Lea Verou très utile pour paramétrer les Transitions CSS. Un graphique permet de déformer la courbe d'accélération à la souris et de générer le code correspondant.
Lire la suite et commenter »
Article : Attributs data-*
HTML5 permet d'associer des données directement dans un élément HTML à l'aide des attributs data-*.
Lire la suite et commenter »
Tutoriel : Arrière-plans avec CSS3 Backgrounds
Depuis que les feuilles de style existent, la gestion des couleurs images d'arrière-plan est prévue : les célèbres propriétés background-color, background-image, background-position, background-repeat et background-attachment naissent avec CSS1. Ces propriétés connues de tout bon webdesigner-intégrateur…
Lire la suite et commenter »
Outil : CSS3 Generator
L'un des nombreux générateurs de propriétés CSS3 en ligne, qui regroupe plusieurs techniques pour s'en faciliter l'appropriation et l'écriture, tout en ayant l'aperçu en direct des réglages proposés. Au choix : border-radius, box-shadow, text-shadow, RGBA, @font-face, multiple columns, box resize,…
Lire la suite et commenter »
Article : CSS3 Grid Layout
Le module de positionnement "Grid Layout" est une spécification du W3C à l'état de brouillon (Working Draft) dont les premiers jets datent de 2004. Sa documentation officielle est actuelllement maintenue par quatre contributeurs, dont trois personnes de Microsoft, ainsi que Daniel Glazman, le co-chairman…
Lire la suite et commenter »
Bonnes pratiques CSS: le Web ouvert a besoin de vous
Daniel Glazman, coprésident du CSS Working Group (groupe de travail sur CSS du W3C), a écrit un appel à action important: THE OPEN WEB NEEDS YOU *NOW*. C’est une lecture fortement recommandée pour tous les développeurs et designers web. Voici un résumé une paraphrase en français du problème…
Lire la suite et commenter »
Chrome débarque officiellement sur Android
Une version officielle de Google Chrome pour Android a été publiée. La plate-forme mobile était déjà équipée du "Navigateur" Android par défaut avec un moteur WebKit, ainsi que des applications Opera Mobile, Opera Mini et Firefox. Désormais, Google compte mettre un coup d'accélérateur pour…
Lire la suite et commenter »
Outil : Initializr
Vous permet de générer un template HTML5 basé sur HTML5 Boilerplate. Il peut comprendre également Modernizr, jQuery, et Bootstrap, et des instructions de configuration pour plusieurs serveurs web afin d'adapter au mieux les en-têtes HTTP véhiculées. L'ensemble correspond à une arborescence de…
Lire la suite et commenter »
Astuce : L'élément <mark> pour attirer l'attention
Sortez votre feutre jaune Nouveau venu en HTML5, l'élément <mark> est un surligneur de texte. Il marque un passage spécifique, que l'on souhaite mettre en valeur d'une façon particulière, pour attirer l'attention. Son style par défaut est celui d'un texte surligné en jaune (dans…
Lire la suite et commenter »



