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.
web.dev
Explore our structured learning paths to discover everything you need to know about building for the modern web.
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.
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.
GitSheet
A dead simple git cheatsheet