Chrome 100 ships today. So we built a timeline of #100CoolWebMoments 🎉

It’s been fun reminiscing and seeing how the web has evolved. Remember when we got Media Source Extensions? Or when the first Flexbox working draft was submitted?

Check it out at developer.chrome.com/100
#100CoolWebMoments quiz time!

When did Chrome share the first release of DevTools?

(Hint: developer.chrome.com/100)
@sundarpichai carried the banner for the open web at Google I/O 2010. His Chrome days were definitely one of the #100CoolWebMoments for us.

Watch → goo.gle/3qLtZ1L Image
Time for another #100CoolWebMoments quiz!

When did HTML go from being versioned to evergreen?

(You know where to find it: developer.chrome.com/100)
Remember when @DasSurma’s laptop froze in the middle of a live demo at Chrome Dev Summit 2018? Well if you weren’t there, that’s how you nail-a-fail (and also complete the demo!) #100CoolWebMoments

Check it out → goo.gle/35muRmc Image
@photopeacom, a design editing tool built single handedly by @ivankutskir is a true inspiration for what's possible on the web. Here's to many more such projects to join the #100CoolWebMoments.

Check the rest out ↓ developer.chrome.com/100
🎊 We had a ton of fun curating these #100CoolWebMoments! Hope you had fun reading them as well.

If you haven't already, check them out ↓ developer.chrome.com/100

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Chrome Developers

Chrome Developers Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @ChromiumDev

May 8, 2020
🔔 This week's wrap up is all about Web Vitals!

Site owners should not have to be performance expert to understand the quality of user's experience, Web Vitals give you quality pulse signals to monitor health of your website!

📚 Read more :
web.dev/vitals/
We provide lots of performance tools like @____lighthouse, @ChromeDevTools, Page Speed Insights, etc.

White these are excellent tools to master, Core Web Vitals gives you three check points. You know, just like you get blood pressure checked at every health check routine! screenshot from the page showing Largest Contentful Paint, First Input Delay, Cumulative Layout Shift
Let's looks at each of the metrics.

1️⃣ First is Largest Contentful Paint.

Largest DOM Elements trends to be the important one that signal to users the page is loaded, even if data is still flowing.
LCP measures time that largest DOM element show up 🖼 LCP banner
Read 9 tweets
Sep 5, 2018
❓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
Read 4 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


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

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

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

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(