How to Make an Unobtrusive Scroll-to-Top Button
https://css-tricks.com/how-to-make-an-unobtrusive-scroll-to-top-button/
Parsel: A tiny, permissive CSS selector parser
https://css-tricks.com/parsel-a-tiny-permissive-css-selector-parser/
A Complete Guide to CSS Media Queries, courtesy of @andresgalante who did an incredible amount of work on it.
https://css-tricks.com/a-complete-guide-to-css-media-queries/
There’s a good reason why experienced devs say “it depends” so often
https://css-tricks.com/theres-a-good-reason-why-experienced-devs-say-it-depends-so-often/
Some Industry Podcasts
https://css-tricks.com/some-industry-podcasts/
The Paper Prototype Rule
https://css-tricks.com/the-paper-prototype-rule/
Support for flexbox gutters in @webkit has just landed
More about that and other flexbox improvements done by @svillarsenin from @igalia on his last blog post:
https://trac.webkit.org/changeset/267829
https://blogs.igalia.com/svillar/2020/10/01/closing-the-gap-in-flexbox/
I'm excited to share details of a new conference coming March 2021 celebrating the modern web! It's been an honor to be the curator of the CSS track, and I encourage you to check out all the speakers confirmed so far 🎉
10 tracks
5 days
100% virtual on a new platform: EventLoop
Modern Web Summit: We've narrowed the #MWS2021 content to 10 tracks: Accessibility, CSS, GraphQL, Indie Hackers, Jamstack, Open Source, React, Serverless, Svelte, & Vue. Before we get into each of these subjects, let's talk about why we are featuring these tracks.
Lets unroll this 🧵 👇
less is more with CSS every time
Hampton: If you are trying to style something in CSS and you keep adding properties until it looks right. DELETE ALL OF THEM and go back and do it again and make sure you understand what was going on. Most of the time, you only needed 1-2 properties, vs all of the ones you tried.
Achieving Vertical Alignment (Thanks, Subgrid!)
https://css-tricks.com/achieving-vertical-alignment-thanks-subgrid/
Some New Icon Sets
https://css-tricks.com/some-new-icon-sets/
Make Your Own Dev Tool
https://css-tricks.com/make-your-own-dev-tool/
The Flavors of Object-Oriented Programming (in JavaScript) by @zellwk.
https://css-tricks.com/the-flavors-of-object-oriented-programming-in-javascript/
ooooops I guess we’re* full-stack developers now
https://css-tricks.com/ooooops-i-guess-were-full-stack-developers-now/
Linearly Scale font-size with CSS clamp() Based on the Viewport by @pprg1996
https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
text-decoration-thickness: from-font;
text-underline-offset: .5ex;
.. headed for Chromium 87 🎉
will catch Chromium up with Safari & Firefox! Woot!!
🆕 from-font
look to the font for the font designer’s defined thickness or position, NOT the browser’s default
Intent To Ship: Blink: Intent to Ship: text-decoration-thickness, text-underline-offset and from-font keyword for text-underline-position
https://groups.google.com/a/chromium.org/d/msg/blink-dev/9OzS90KISXI/q5KYyyWBCAAJ
Web Technologies and Syntax
https://css-tricks.com/web-technologies-and-syntax/
A Gentle Introduction to Using a Docker Container as a Dev Environment by @burkeholland
https://css-tricks.com/a-gentle-introduction-to-using-a-docker-container-as-a-dev-environment/
