Le Hollandais Volant#12955 - Gecko Reflow Visualization - mozilla.org - YouTube
https://www.youtube.com/watch?v=ZTnIxIA5KGw
En référence à mon dernier post, voici une vidéo en slow-motion qui montre comment Gecko (Firefox) affiche une page web.
On note très bien les différents passages du moteur DOM sur la page, pour y placer les éléments de la page, avant le rendu final.
Voici une autre vidéo (50 minutes) où un intervenant de Mozilla explique en détail comment fonctionne un moteur de rendu (Gecko) : http://www.dailymotion.com/video/xp69td_un-navigateur-comment-ca-marche_news
Si vous faites du CSS ou du JS, je vous conseille de regarder ça, on y apprend des choses.
Sinon, dans les outils de développeur de Firefox, il y a un onglet (à activer dans les paramètres) pour visualiser tout ce qui se passe : action sur le DOM, reflow, recalcul des styles…
On note très bien les différents passages du moteur DOM sur la page, pour y placer les éléments de la page, avant le rendu final.
Voici une autre vidéo (50 minutes) où un intervenant de Mozilla explique en détail comment fonctionne un moteur de rendu (Gecko) : http://www.dailymotion.com/video/xp69td_un-navigateur-comment-ca-marche_news
Si vous faites du CSS ou du JS, je vous conseille de regarder ça, on y apprend des choses.
Sinon, dans les outils de développeur de Firefox, il y a un onglet (à activer dans les paramètres) pour visualiser tout ce qui se passe : action sur le DOM, reflow, recalcul des styles…