Remember choosing between 2-, 4-, and 8-bit color depths for GIFs to make every byte count? Well, @meyerweb says it's still important to make every byte count.
https://css-tricks.com/optimizing-image-depth/
What Makes CSS Hard To Master
https://css-tricks.com/what-makes-css-hard-to-master/
RT CSS Weekly
CSS Weekly Issue #440
Learn why is CSS is easy to get started with and hard to master, how Houdini API's work, how to create effects with the CSS paint API, & more.
Featuring @una, @lynnandtonic, @mirisuzanne, @HugoGiraudel, @timseverien, @ShadowShahriar.
https://cssw.io/issue-440
This idea that "what's old is new again" by @cassidoo seems to resonate with greater community this year, as plain ol' HTML, CSS and JS have gotten more powerful.
https://css-tricks.com/whats-old-is-new/
When we asked @erikdkennedy what he learned this year, this is what he had to say...
https://css-tricks.com/three-ways-to-distinguish-a-site-from-the-norm/
I learned to love the Same-Origin Policy by @etportis
https://css-tricks.com/i-learned-to-love-the-same-origin-policy/
25 Years of JavaScript & 25 Free Courses
https://css-tricks.com/25-years-of-javascript-25-free-courses/
Learning to Simplify by @piccalilli_
https://css-tricks.com/learning-to-simplify/
Slow Movement by @mmatuzo
https://css-tricks.com/slow-movement/
How to Use the Locomotive Scroll for all Kinds of Scrolling Effects by @D_kingnelson
https://css-tricks.com/how-to-use-the-locomotive-scroll-for-all-kinds-of-scrolling-effects/
The Power of Lampshading
https://css-tricks.com/the-power-of-lampshading/
We tend to judge things based on when *we* started, but that's different for everyone. Reexamine what you know, says @swyx.
https://css-tricks.com/its-always-year-zero/
Old is Solid; New Gets Talked About by @kilianvalkhof
https://css-tricks.com/old-is-solid-new-gets-talked-about/
RT Adam Argyle
CSS "individual transforms"
in 2021 we'll see these in a lot more styles! Firefox has it, Safari tech preview has it, and Chrome's nearly finished.
value:
- composable transforms
- single transform access
- write less
read more in the spec
https://drafts.csswg.org/css-transforms-2/#individual-transforms
Representation Matters
https://css-tricks.com/representation-matters/
Netlify & Next.js
https://css-tricks.com/netlify-next-js/
What did you learn this year? "Not much" says @IreAderinokun.
https://css-tricks.com/not-much/
Re Another classic one that would be handy, but it'll break in older browsers (so you need to split them up):
::selection, ::-moz-selection {
background: lightblue;
}
