Antichesse (o ^ω^ o)
La balise <slot> de HTML5 permet de variabiliser la balise <template> de HTML5, ce qui représente la moitié des besoins d'une SPA.
À cette heure, les <slot> sont pris en charge à 96% selon caniuse.
Un framework léger permettant d'inclure dynamiquement du HTML dans du HTML. A tester avec des SPA.
Un tuto expliquant comment fonctionne la balise vidéo de HTML5. Attention, le tuto n'est pas parfait, je recommande de le compléter par celui-ci de l'agence AlsaCréations qui explique les "vrais" attributs qu'il faut mettre dans la balise <video> (vrai au sens W3C du terme) et éventuellement celui-ci du site OpenClassRooms.
Et un lien intéressant portant sur les connexions P2P en WebRTC avec HTML5.
Je cite:
En JS, utiliser le stockage local :
Écrire du contenu dans une "variable" « foo » :
var data = "bar"; localStorage.setItem('foo', data);Lire la variable « foo » :
var data = localStorage.getItem('foo'); // contains "bar"C’est tout !
Ohhh (O_O) moi qui cherchais un framework CSS pour dégager Bootstrap, le remplacer par les FlexBox (plus léger, plus rapide, plus facile) et qui soit compréhensible par un néophyte je suis servie avec Bulma qui fait comme Bootstrap, en s'appuyant sur les FlexBox et en produisant des classes CSS toutes prêtes.
Animal, il faut que tu utilises ça pour ton site.
Roudoudoutte, idem pour ton projet.
En tout cas c'est une techno web à regarder !
Une lib JS pour générer des charts façon HiCharts.hs mais en libre
Rhoooo, les vilains petits capitalistes de chez Google souhaitent nous enfermer dans une cage dorée où nous n'utiliserions que des produits Google...
Google is evil ? Je pense que oui, et depuis un moment déjà.
Les FlexBox ont de meilleurs performances que les autres mode d'affichage. Elles sont plus simple à mettre en oeuvre et interopérable/compatible avec tous les navigateurs de nos jours.
Elles s'apprennent en 4-5 jours pour un début ou une débutante en web, c'est-à-dire n'ayant jamais touché à HTML et CSS (Roudoudoutte, spourtoi).
FlexBox : faites le pas !
Waaouuhhhhh ! Un générateur de dégradé en pure CSS qui a vraiment du style ! J'adore.
Exactement ce qu'il me fallait !
Les Web Workers de JS
Test de débit de ligne via un browser en pure HTML5 + JS. Parfait pour les mobiles (car pas de Java ou Flash).
Des menus super-cools en CSS.
Un tuto plus détaillé que celui d'AlsaCréations sur les FlexBox
Je continue les tutos sur le positionning HTML5/CSS5 avec un tuto sympa d'AlsaCréations.
Attention, celle-ci n'utilise pas WebGL donc elle est plus lente mais a le bénéfice d'être compatible avec tous les navigateurs disposant de l'API canevas de HTML5.
Animal, Chlouhloutte et Doudou le savent bien, je suis en train de développer un projet web perso. La gui de ce dernier se base en partie sur les FlexBox et les CSS3 qui lui sont associés.
Très franchement, cette technologie nous fait gagner un temps considérable et sa prise en charge sur le marché est vraiment bien avancée (environ 60% des navigateurs sont compatibles sans les préfixes du type --moz ou --webkit et on avoisine les 75% avec).
Bref, j'ai abandonné complètement le positionnement d'antan pour les FlexBox et je vous encourage à lire ce PPT pour convaincre de faire de même.
Via Colibri : http://colibri-libre.org/liens/?SCVGrw
Un feedback intéressant sur les FlexBox.
Je refais pas mal de web en ce moment (ce qui est donc une bonne période pour me mettre à jour en HTML5 en CSS3). Ici encore un fabuleux article d'AlsaCréations sur les balises sémantiques header, section, article, aside et footer.
Très pratique lorsque l'ont sait que site publiera de nombreux articles façon blog et qu'il devra être indexé !
Un tuto sur le responsive design et les CSS3 par Timo.