Browser Mechanics & CSS

https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

https://www.w3.org/TR/2011/WD-html5-20110113/parsing.html
<!DOCTYPE html><html
lang="en"><head><meta
charset=“UTF-8"><link
rel="stylesheet"
href="style.css"></
head><body><h1>CSS is so
great!</h1></body></html>

<!DOCTYPE html><html lang="en"><head>
<link rel="stylesheet" href="style.css">
</head><body><h1>CSS is so great!</h1>
</body></html>

https://www.youtube.com/watch?v=PkOBnYxqj3k

https://drafts.csswg.org/cssom/
https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model
🤯

body{background-
color:lemonchiffon;
}h1{color:
peachpuff;font-
size: 26px;line-
height: 1.6;}

body{background-
color:lemonchiffon;}h1{color:
peachpuff;font-size: 26px;line-
height: 1.6;}

https://developers.google.com/web/fundamentals/performance/critical-
rendering-path/constructing-the-object-model

.visually-hidden {
position: absolute !important;
height: 1px; width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6/IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
https://snook.ca/archives/html_and_css/hiding-content-for-accessibility

https://developer.mozilla.org/en-US/docs/Tools/3D_View

https://gist.github.com/paulirish/5d52fb081b3570c81e3a
⚠
🛑

🔮 🔮
https://css-houdini.rocks/

https://shoptalkshow.com/episodes/306-debugging-css-aimee-knight/
http://www.aimeemarieknight.com/It%27s-Not-Dark-Magic-Pulling-Back-the-Curtains-From-Your-
Stylesheets/
https://developers.google.com/web/fundamentals/performance/critical-rendering-path/
https://www.youtube.com/watch?v=PkOBnYxqj3k
https://www.youtube.com/watch?v=SmE4OwHztCc&t=2s
https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/

Browser Mechanics & CSS

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Browser Mechanics & CSS

Similar to Browser Mechanics & CSS (20)

More from Lara Schenck

More from Lara Schenck (7)

Recently uploaded

Recently uploaded (20)

Browser Mechanics & CSS