An Introduction to Browser Rendering

Part of Dev Tips umaar.com/dev-tips/

[@15or20]

You make great content.
Always educational but, much more importantly, digestible.

[@AtuOma]

Thanks a million Umar! You have the best devtool tips.
Those GIFs are absolutely brilliant! And this video... oh man!

[@MagnusAnand]

Cool video

[@CarterChen]

Great! I like the last part of this video, when you use chrome timeline to see how browser draw the UI. Thanks

[@danchisholm1]

Umar, thanks so much - this was so helpful!

[@DomnulFrankie]

Great approach and very interesting details. Thanks! :)

Master video! Thanks Umar

[@GameboyZoneRocks]

Super video! Thanks Umaar.

[@MaximMilovanovA]

Thanks very useful, I really appreciate work you are doing

[@Jono_1987]

2 videos 1 day and i'm like woooooooooooooooow!

[@krispwsz]

Very very good material man.

[@joejanuszk]

Great video!

[@fadliawan]

Awesome, thanks!

[@supremeabraxas7545]

Wow. This is gold.

[@murielsilveira]

Very good Umar Hansa

[@edgarcardona87]

Thanks for the info bro

[@diwakarsingh9558]

very nice video :)

[@gomidefabio]

Great video! Which course are you preparing? If you don't mind me asking. =)

[@iam1213]

awesome

[@bigfanjs]

Great!

[@bonbonpony]

So how does the text layout work? I mean, thinks like: where to put the individual characters, where to break lines, how to calculate the bounding box, change text directions (some languages have it backwards) or combine characters (ligatures), etc.

[@onlyme0349]

At the end you said it does this all through the lifecycle of the web page, do you mean that it keeps rendering the page over and over in a loop?

[@theYoutubeHandle]

Shared on Google+

[@tornadoofthoughts]

Great, thanks!