46 liens privés
Des démos CSS3 / HTML5 pour les formulaires
Une présentation par Håkon Wium Lie, le papa des CSS, de deux spécifications concernant le multi colonnage et les figures CSS... Bluffant !
La partie la plus intéressante à mon avis concerne surtout l'utilisation de la méthodologie BEM (Block Element Modifier). L'exemple est plutôt bien fait :)
Une bonne présentation de flexbox
Tout est dans le titre (via inpixelwetrust)
Une compilation des exemples les plus simples possibles en HTML5 / CSS3 / JavaScript
Cette bibliothèque JavaScript permet de créer des animations CSS3
Tout est dans le titre (via inpixelwetrust)
On saisit une propriété css et on obtient la syntaxe et surtout le support navigateur (via creativejuiz)
Tout est dans le titre
À garder sous le coude
Tout est dans le titre... c'est très bien détaillé (via inpixelwetrust)
La suite de la présentation des formulaires HTML5 : les pseudo classes CSS (suivant l'état de l'élément : focus, erreur de saisie, etc.)
Tout est dans le titre
Des boutons qui, une fois cliqués, se "métamorphosent" pour accéder au contenu... Vraiment superbe (via inpixelwetrust)
Une étude de cas intéressante : une application web pour l'UNICEF qui détecte la durée de non utilisation d'un téléphone. L'auteur explique les techniques utilisées :
- API HTML5 DeviceOrientation pour la détection de mouvement
- utilisation d'un mp3 "inaudible" / vidéo "invisible", lus en continu pour la détection de la "sortie" de l'application
- transformations 3D CSS3 pour le côté ludique
- intégration de l'API Google Analytics (avec un composant du framework PHP Laravel) pour les statistiques -> l'argent récolté pour l'UNICEF varie suivant la durée de non utilisation
Un truc génial : vous définissez un attribut placeholder, et lorsque l'internaute clique sur le champ à remplir, le contenu de l'attribut se retrouve visible au dessus (via inpixelwetrust)
(Peut-être) totalement inutile et donc rigoureusement indispensable : ça permet de dire à l'internaute le temps de lecture restant estimé :)
Créer des animations CSS3 bluffantes avec steps() (via CreativeJuiz)
Tout est dans le titre, il y en a pour tous les goûts