Le web mobile avec Adobe Shadow
Si vous avez déjà eu à programmer un site pour mobile, vous savez probablement à quel point le processus de test et de débogage peut être long. Il faut à la fois tester son site sur divers appareils, et une fois un bug découvert, il faut le localiser. Il existe depuis quelques temps certaines…
Lire la suite et commenter »
Tutoriel : 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 d'horizon des plus aisés à mettre en place.
Lire la suite »
Article : <meter> et <progress>
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 !
Lire la suite et commenter »
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 créer rapidement un site original. Ce tutoriel va utiliser jQuery ainsi que le plug-in…
Lire la suite »
Tutoriel : 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).
Lire la suite »
Outil : CSS3 test
Dans la grande lignée des tests Acid ou de HTML5test, il y a désormais le CSS3 test, qui permet de donner une idée du support des propriétés de CSS3. Les résultats annoncés pour les principaux navigateurs sont les suivants, mais peuvent varier selon les configurations. Ils sont donc à prendre…
Lire la suite et commenter »
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 alors le représentant d'une page web. Le lien est un composant essentiel de la structure des…
Lire la suite et commenter »
Outil : ReformedApp
Chronophage, redondant et fastidieux... Coder vos formulaires à la main vous prend du temps, vous préféreriez prendre du repos, au soleil, un verre de jus de kiwi à la main ? Intégrez-les rapidement grâçe à cet outil en-ligne, exportez-les et sauvegardez-les.
Lire la suite et commenter »
Article : Un <time> 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 de l'indexation automatisée, pour les moteurs de recherche ou lors d'import de données…
Lire la suite et commenter »
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 »
