Des templates HTML gratuits en grande quantité.
Tooplate vous propose des modèles HTML CSS adaptés aux téléphones portables et basés sur Bootstrap
Des modèles gratuits à utiliser sous licence Creative Commons.
Une collection de modèles gratuits de pages uniques. Chaque modèle comprend une critique, une capture d'écran longue, une démo en direct et des liens de téléchargement.
Un media player en javascript, accessible et configurable
on peut désormais utiliser loading="lazy" sur les iframe avec Chrome
Comment mettre en place les section dans son HTML de manière intelligente ?
Un exemple de faux placeholder pour un select. Très esthétique !
Un jeu de memory (associer 2 éléments d'une paire identique) portant sur des polices de caractères.
autocomplete évolue et est capable d'indiquer ce qu'il attend comme information.
Redimensionner un .svg qui n'a pas été prévu pour n'est pas possible dans tous les cas :(
Quelles sont les différentes méthodes pour insérer un SVG dans une page web ?
Méthode pour gérer l'upload d'une image dans un site via copié/collé
Quelques erreurs classiques en HTML5
Des templates payants ou gratuits pour Wordpress, Magento, newsletter, Prestashop...
Des templates gratuit en HTML + CSS
Une library javascript open source pour faire des graphes (enfin !)
Quand un intégrateur de talent explique en détail comment il a réalisé sa page web... Ça décoiffe !
Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free.
Des templates Bootstrap gratuits.
Un outil de test de rapidité de bande passante sans flash (HTML5 pur)
Développé par Libéo, Vibéo est gratuit sous licence AGPL. Ce lecteur est remis à la communauté pour faire avancer l'intégration des principes d'accessibilité web. MediaElement.js a servi de base pour ce projet.
Une extension Firefox pour évaluer l'accessibilité d'un site en tenant compte d'HTML5 et ARIA
De très nombreux temples HTML5+CSS pour commencer un site.
Un peu de théorie sur la balise et son usage pour le Responsive Web Design
Un player video HTML5 opensource
Un jeu au principe ultra simple et terriblement addictif !
Un template HTML5 mobile first à télécharger
Un lecteur vidéo accessible avec highlight du transcript. Pas Opensource, mais une alternative verra le bien jour…
Quelques considérations utiles sur l'accessibilité mise en œuvre en HTML5
Le soucis avec ça, c’est qu’on revient exactement au même point du web gouverné par le Flash d’il y a 5 ou 6 ans avant que tout cela n’arrive.
Le site d'une agence de création de sites Internet qui a abandonné Flash pour faire aussi bien en HTML5 : ils sont bons !
Macaw provides the same flexibility as your favorite image editor but also writes semantic HTML and remarkably succinct CSS. It's time to expect more from a web design tool.
Des templates HTML5 libres
HTML5 and made easy. One file. Any browser. Same UI.
Les spécifications, c'est sympa, mais y'a toujours des exceptions dans l'implémentation
The Blueprints are a collection of basic and minimal website concepts, components, plugins and layouts with minimal style for easy adaption and usage, or simply for inspiration.
Un générateur de templates pour des framework répandus.
By using <datalist>, you can define a list of suggestions you want the user to select from. Users can optionally select from your suggestions as well as typing it by themselves.
Options can be tagged with datalist and referenced from the input element using list attribute by its id. See examples below.
Un lecteur de vidéo HTML5 avec fallback Flash et apparence identique dans les 2 modes
Heureusement, pour les utilisateurs de Firefox (comme moi) ou Opera qui sont les plus beaux, et les plus intelligents du monde, ce site n'a aucun effet sur eux. En effet, la fonctionnalité de LocalStorage semble avoir été implémentée de manière un peu plus intelligente que dans les navigateurs de la concurrence ^^.
Un framework RWD minimaliste
Quelques liens vers des players audio/video HTML5 et accessibles
Un player video/son HTML5 en licence GPL3 qui inclue une clause d'utilisation non commerciale. C'est valide ça ?
Des ressources HTML5/CSS3
Pour bâtir rapidement un site avec un look agréable et quelques fonctionnalités dynamiques (slider, tabs, menus...)
Un jeu en HTML5 qui fait honte à Flash !
Quelques astuces HTML/CSS à réutiliser partout !