background preloader

HTML5test - How well does your browser support HTML5?

HTML5test - How well does your browser support HTML5?

http://html5test.com/

Related:  HTML et CSSHTML/CSSWeb et technos associéesHTML

Tutoriels HTML5, CSS3, Accessibilité, JavaScript, AJAX, jQuery Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5, XHTML), balises, structure des pages web et validation W3C Feuilles de style CSS (Cascading Style Sheet) Accessibilité L’approche DRY : don’t repeat yourself Certes les dernières spécification de CSS nous apportent les variables, dans le module « CSS Custom Properties for Cascading Variables Module Level 1 » et cela s’utilise ainsi : Mais en l’état actuel des choses, l’implémentation de ces dernières est très loin d’être répandue (hormis sur Firefox et Chrome, et encore, pas dans les versions stables actuelles à l’heure de l’écriture de cet article). Sauf à utiliser des polyfills, autant le dire de suite : c’est inutilisable tel quel en production. Histoire de noircir le tableau, les fonctions sont également absentes de CSS. À priori, avoir une approche DRY en CSS n’est pas gagné, et pourtant : on peut déjà commencer à réfléchir et concevoir en DRY en pur CSS ; il est possible d’utiliser des outils qui eux apportent les variables et les fonctions.

Les DTD HTML4.01, XHTML1.0 et HTML5 : quel doctype choisir ? Avertissement : Ces explications se placent uniquement dans l'optique "Faire un document (X)HTML qui sera traité en tant que HTML", et non en tant que XML ; Cette optique répond en effet à la plupart des besoins courants à l'heure actuelle : on n'abordera donc pas ici le cas des DTD XHTML1.1 et au-delà, de mise en oeuvre nettement plus complexe, et qui répondent actuellement à des besoins très spécifiques. Pragmatiques, ces explications ne sont pas exemptes de simplifications. Si vous souhaitez faire du HTML5, n'allez pas plus loin et utilisez le doctype simplifié : <!doctype html>

Yellow Lab Tools Faire un beau site web, c’est gratifiant. Mais faire un site rapide, c’est indispensable. Voici un outil open-source, gratuit (et développé par un petit Français !) qui pourrait bien sauver votre peau de développeur web. Générer des boutons en CSS Générer des boutons en CSS Si vous développez vos petits sites vous même, sachez qu'il existe un site qui s'appelle Button Maker et qui permet de créer des boutons de toute beauté, entièrement en CSS. Vous spécifiez vos couleurs, votre texte et en cliquant sur le rendu, vous obtiendrez le code CSS qui va bien pour mettre ça sur votre site. Maaaa kéééé c'est beauuuuuu ! Attention quand même sous IE car là, ça coince un peu...pas de dégradé, pas de coins arrondis... Le modèle tabulaire en CSS Note : Cet article est publié conjointement sur OpenWeb.eu.org et sur Alsacreations.com. En outre, certaines parties de cet article sont extraites du livre «CSS avancées, vers HTML5 et CSS3», avec l’aimable autorisation de l’auteur :) Compatibilité

Flexbox, guide complet Le module Flexbox Layout fournit une façon plus efficace de disposer, aligner et distribuer l'espace entre les éléments de votre page. 4 riches articles de Chris Coyier sont réunis ici. Par Chris Coyier NdT : Ce tutoriel est la réunion de quatre articles de Chris Coyier formant une introduction à Flexbox. Twitter, un outil utile pour prédire les infractions Certains "tweets" offrent des informations utiles à la police pour prédire crimes et délits. Alors que des études tentent de prédire les cas de récidive en fonction du passé de l'individu, des conditions d'incarcération et du milieu dans lequel il est relâché, des chercheurs sont parvenus à élaborer un modèle de prédiction des crimes. Ce modèle s’appuie sur les messages publiés par les quelques 140 millions d’utilisateurs de Twitter à travers le monde. Un algorithme utilise ces "tweets" pour prédire l'occurence et la géolocalisation de la criminalité dans les grandes villes. Ces travaux de recherche, menés par Matthew S.

Related:  html5 workshopTeChHTML 5 & CSSHTML 5 Implementation BrowserdéveloppementHTML5ToolsHtmlnewsrrhtmlHTML5 and CSS3usefulCSS and HtmlHTML5ToolsHTML5HTML5 Part 2HTML5 Part 1Web Development & TechnologiesSingle Page AppsHTML5HTML5