Inside look at modern web browser

In this 4-part blog series, we’ll look inside the Chrome browser from high-level architecture to the specifics of the rendering pipeline. If you ever wondered how the browser turns your code into a functional website, or you are unsure why a specific technique is suggested for performance improvements, this series is for you.

Part 1: https://bit.ly/browsers-pt1

Part 2: https://bit.ly/browsers-pt2

Part 3: https://bit.ly/browsers-pt3

Part 4: https://bit.ly/browsers-pt4

The CSS Cascade

Or, How browsers resolve competing CSS styles.

https://wattenberger.com/blog/css-cascade

Tiny helpers

Minifying an SVG, extracting CSS from HTML, or checking your color palette for accessibility — we all know those moments when we need a little tool to help us complete a task quickly and efficiently. If you ever find yourself in such a situation again, Tiny Helpers might have just the tool you’re looking for.

https://tiny-helpers.dev/

web.dev

Explore our structured learning paths to discover everything you need to know about building for the modern web.

https://web.dev/

Life Of A Pixel

This talk is about how Chrome turns web content into pixels.  The entire process is called “rendering”. We’ll describe what we mean by content, and what we mean by pixels, and then we’ll explain the magic in between. 

bit.ly/lifeofapixel

Twelve Days of Front End Testing

There are so many different tests we need to be running on the front end, it’s hard to work out what your need to test for and where to start.

https://24ways.org/2019/twelve-days-of-front-end-testing/

Asynchronous vs Deferred JavaScript

JavaScript is considered a “parser blocking resource”. This means that the parsing of the HTML document itself is blocked by JavaScript. When the parser reaches a <script> tag, whether that be internal or external, it stops to fetch (if it is external) and run it.

https://bitsofco.de/async-vs-defer/

Today, the Trident Era Ends

Starting now, Microsoft will roll out their new Chromium-based Edge browser to their millions of Windows 10 users. And this will also mark the end of an era. The era of the Trident-Engine.

https://schepp.dev/posts/today-the-trident-era-ends/

You might not need a CSS framework

CSS frameworks have been around for a while and they have gotten extremely popular in the front-end development scene. These frameworks provide snippets of code you can just copy and paste in your website to craft the whole layout and UI.

You have already probably read a lot of articles about how they might be good for your projects, but here I would like to do the opposite: to highlight some of the drawbacks they might bring to your websites or applications, and how you can avoid or mitigate them.

You might not need a CSS framework

GitSheet

A dead simple git cheatsheet 

https://gitsheet.wtf/