Profile picture
Chrome Developers @ChromiumDev
, 4 tweets, 3 min read Read on Twitter
❓How does browser turn code we write into a functional site?

🕵️‍♀️@kosamari is on her mission to find out what happens inside of a web browser

📚Part 1: CPU, GPU, Memory, and multi-process architecture
developers.google.com/web/updates/20… Hand drawn cover image with title
🙋‍♀️What happens when you type a URL to your browser? What kind of optimization is done for fast navigation?

🌎Let's look at page navigation from inside browser point of view (oh, and yes more drawings🎨)

📚Part 2: What happens in navigation
developers.google.com/web/updates/20… Hand drawn cover image with title
🤔So how exactly, rendering engine in a browser work?

🖼This post is all about rendering! Count how many trees it takes to render a web page🌳🌳🌳

📚Part 3: Inner workings of a Renderer Process
developers.google.com/web/updates/20… hand drawing title card - part 3 Inner workings of a renderer process
💁‍♀️ ...and because rendering and input goes hand in hand 🤲how does browser archives smooth scrolling?

📐Meet compositor! I guarantee you it'll be your best friend for fast site performance💯

📚Part 4(the last one!): Input is coming to the Compositor
developers.google.com/web/updates/20… Hand drawn title card: Part 4 Input is coming to the compositor
Missing some Tweet in this thread?
You can try to force a refresh.

Like this thread? Get email updates or save it to PDF!

Subscribe to Chrome Developers
Profile picture

Get real-time email alerts when new unrolls are available from this author!

This content may be removed anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

Related threads

Profile picture
Okay, here are some actual writing tips:

1. Write whatever you want and don't write what you don't want.

When you sit down to write something, feel free to ignore absolutely every rule about writing you have ever learned. It's a first draft; fuck it! You can always fix it...
... in the editing stage. Some of my best writing has started this way. When you get some crazy idea just run with it and see what happens, even if it seems stupid or impractical. At the very least you'll learn something and you can always trash it if it doesn't work.
As to the not writing what you don't want, there are two parts to this. Sometimes you feel like there's something you should do for the sake of form, like revealing the killer in a murder mystery. But what if you don't feel like it?... Then don't! It might suck but maybe not!
Read 26 tweets
Profile picture
✨👩‍💻 Spent the morning diving deep into @GoogleCloud to create demos for my upcoming geoscience ML workshop.

🧠 The learning curve for any new cloud platform is steep; but I found so many nifty new features!

Ex: free deep learning image cloud.google.com/deep-learning-…

#LearnInPublic
✨📒 Tbh, though: have mostly been living in @GoogleColab.

You can run @TensorFlow, @scikit_learn, etc. for free directly in a browser using CPU/GPU/TPU; and there are a wealth of example notebooks available to play with.

Ex: this deep-dive on ethical ML
pair-code.github.io/facets/
✨📒If you have used @ProjectJupyter or @DataBricks notebooks, @GoogleColab feels very similar.

colab.research.google.com/github/google/…

👩‍💻 Other warm-fuzzies: logging in is frictionless; packages are (mostly) pre-downloaded; and notebooks can be pulled from @GitHub + saved to @GoogleDrive.
Read 4 tweets
Profile picture
I'm writing a 4 part drawsplainer on how browser works🎉

No CompSci degree necessary, if you've written HTML/CSS/JS, that's all you need✨ (the post starts w/ what is CPU💁‍♀️)

📣Part 1 is about hardware, multi-process architecture, and Site Isolation!
developers.google.com/web/updates/20… hand drawn CPUbrowser architecture
Part 2 is out✨
This one is about navigation, little bit about how service worker plays in and why `Navigation Preload` is !important🚨

(Next week I got a post on rendering and a post handling input that DEEPLY related to our frontend code stay tuned🎸)
Huge thanks to @slightlylate for (really all of posts I'm writing but especially) this one 🙏

"should I draw main thread in front or worker thread, who talk to them and how?" is the kind of nonsense question he has been subjected to.
Read 3 tweets
Profile picture
This is a thread of the entire movie script of Frozen cause why not.
RT to make everyone's timeline a magical place.
Final Shooting Draft by Jennifer Lee
9/23/13
OPEN ON:
ICE.
We’re underwater looking up at it. A saw cuts through,
heading right for us.
EXT. SNOW-CAPPED MOUNTAINS — DUSK
ICE HARVESTERS, dressed in traditional Sami clothing, score a
frozen lake. They SING.
”The Frozen Heart (Ice Worker’s Song)”
ICE HARVESTERS
BORN OF COLD AND WINTER AIR
AND MOUNTAIN RAIN COMBINING,
THIS ICY FORCE BOTH FOUL AND FAIR
HAS A FROZEN HEART WORTH MINING.
The men drag giant ice blocks through channels of water.
ICE HARVESTERS (CONT’D)
Read 442 tweets

Trending hashtags

#İnsanhakları #NetNeutrality #SaudiArabia #Dishonored2 #UN #NeuralArt #NYTimes #CIA #OsamaBinLaden #NeuralDoodle #opemdata #Trump #SaudiKingdom #Dishonored #SaveNetNeutrality #SuudiArabistan #FalseFlag #Fiance #BattleForTheNet #MBD #TrumpJr #Video #USARendition #worldbuilding #SorryJack

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member and get exclusive features!

Premium member ($3.00/month or $30.00/year)

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!