Clik here to view.
Tutoriel : Timing des animations et des transitions en CSS3
L'arrivée de CSS3 il y a quelques années a pour plusieurs d'entre nous grandement révolutionné la manière dont nous intégrions un site Web. D'abord, ce furent les propriétés purement graphiques (coins...
View ArticleClik here to view.
Article : Sélectionner les frères d'un élément en CSS
Également appelés les "combinateurs d'adjacence", ces sélecteurs avancés permettent de cibler des éléments proches d'un autre élément. Il existe à l'heure actuelle deux sélecteurs de ce type : le...
View ArticleArticle : HTML5 : L'élément
Avec l'annonce d'HTML5, de grandes nouveautés accompagnent les formulaires. Ils peuvent enfin s'enrichir afin de s'adapter au plus près des nouveaux besoins. Ainsi l'élément <datalist> fait son...
View ArticleArticle : HTML5 : Les éléments et
Parmi les nouveautés de HTML5 faisant écho à des applications existantes sur le web, les éléments <details> et <summary> ont le rôle de baliser un complément d'information. [...]
View ArticleArticle : HTML5 : structure globale du document
Pour débuter sereinement avec une nouvelle intégration HTML5 et comprendre ses implications, nous allons commencer par le début : la structure globale d'un document. [...]
View ArticleArticle : HTML5 : Éléments et
L'élément <figure> ne devrait pas vous être inconnu puisque son rôle est pareil à celui qu'il joue dans les supports papiers tels que les livres ou magazines afin d'illustrer et de légender des...
View ArticleArticle : HTML5 : Nouveaux éléments de section, article, header, footer,...
Après avoir maîtrisé la structure globale d'un document HTML5, il faut se pencher sur les nouvelles balises de section. [...]
View ArticleClik here to view.
Astuce : L'élément 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...
View ArticleClik here to view.
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...
View ArticleTutoriel : 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...
View ArticleArticle : Attributs data-*
HTML5 permet d'associer des données directement dans un élément HTML. [...]
View ArticleTutoriel : 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...
View ArticleClik here to view.
Article : Un pour chaque chose...
Et chaque chose en son <time> Nouvel élément HTML5, <time> répond au besoin de baliser sémantiquement une date (du calendrier gégorien) ou une heure. Son intérêt réside également au niveau...
View ArticleClik here to view.
Article : HTML5 : attribut rel et relations
Philosophie de l'attribut rel Le monde du Web est construit sur la métaphore de la toile. Chacun des fils seraient la représentation des hyperliens, là où chaque point d'ancrage de la toile serait...
View ArticleTutoriel : Formulaires HTML5 : nouveaux types de champs
HTML 4 était bien limité concernant les types de champs. HTML5 apporte énormément en terme de nouveautés. Ces innovations sont réunies sous un nom : les Web Forms (ou HTML5 Forms). [...]
View ArticleClik here to view.
Tutoriel : Zoom sur l'effet parallaxe
Après avoir abordé les arrière-plans extensibles (full background) nous allons continuer avec l'effet parallaxe. Cet effet graphique étant facile à comprendre et à mettre en place, vous allez pouvoir...
View ArticleArticle : et
Voici deux éléments très ressemblants mais n'ayant pas du tout la même fonction... <meter> et <progress> entrent dans la grande famille HTML5 et devraient en réjouir plus d'un ! [...]
View ArticleTutoriel : Attributs globaux hidden, contenteditable, contextmenu, spellcheck
Les attributs modulent le comportement des éléments. Il existe de nouveaux attributs HTML5 globaux, qui peuvent s'appliquer à la majorité des balises en se révélant bien pratiques. Voici un tour...
View ArticleTutoriel : CSS3 Shadows
CSS3 nous apporte des brides du côté obscur de la force en proposant de gérer des ombres diverses et variées directement depuis votre feuille de styles : blocs et textes sont concernés avec également...
View ArticleClik here to view.
Astuce : display: inline-block et les espaces indésirables
La valeur inline-block de la propriété display est à la mode, même si elle demeure encore trop peu connue et mal utilisée. Elle offre de multiples avantages dont le principal est de pouvoir disposer...
View Article