background preloader

Capability

Facebook Twitter

Comment fonctionnent les navigateurs : dans les coulisses des navigateurs Web modernes. Firefox dispose de deux arbres supplémentaires pour un calcul plus facile du style, l'arbre des règles et l'arbre de contexte de style. Webkit a aussi des objets de style, mais ils ne sont pas stockés dans un arbre, comme l'arbre de contexte de style, seul le nœud DOM pointe sur son style. Les contextes de style contiennent des valeurs finales. Les valeurs sont calculées en appliquant toutes les règles d'appariement dans le bon ordre et en effectuant les manipulations qui les transforment de valeurs logiques à valeurs concrètes.

Par exemple, si la valeur logique est le pourcentage par rapport à l'écran, il sera calculé et transformé en unités absolues. L'idée derrière l'arbre des règles est très intelligente. Elle permet de partager ces valeurs entre les nœuds pour éviter de les calculer à nouveau. L'ensemble des règles adaptées sont stockées dans un arbre. L'idée est de voir l'arbre des chemins comme des mots dans un dictionnaire. Voyons un exemple, supposons que nous ayons ce HTML : Quel navigateur offre la meilleure compatibilité avec les web apps HTML5 ? Vendredi 20 juillet Web - 20 juillet 2012 :: 11:37 :: Par Eric En quelle année est arrivé le HTML5 ? Quelles évolutions depuis HTML en 1991 ? Quelles sont ses caractéristiques principales et ses domaines d’application sur web et mobile ? Quelques réponses dans cette infographie qui offre un visualisation de l’ensemble des éléments-clés en un coup d’œil.

Ou l’on voit, entre autres, que le navigateur Google Chrome est les plus avancé en termes de compatibilité avec HTML5 sur PC, mais pas sur mobile, ou Firefox, bien que disponible pour le moment uniquement sur Android, remporte la mise. Pour voir l’infographie en taille réelle, cliquez dessus. (source) Les actus fraiches Presse-citron tous les matins par email :

HTML5 Please - Use the new and shiny responsibly. Browser web standards support. When can I use... Support tables for HTML5, CSS3, etc.