{ CSS snippets }

Zak Nesler

Zak Nesler @zaknesler

Fellow #MacOS devs, try to avoid using "overflow: scroll" in containers that might overflow. It always forces a scrollbar on Windows, even if one is not necessary. Use "overflow: auto" instead. 😉 https://t.co/gLzCvq2IOZ

CSS
Swizec Teller

Swizec Teller @Swizec

Oh you haven't heard of "presentational" attributes? It means they listen to CSS. If you ain't keen on adding a bunch of attributes, you can use CSS. Even styled-components. https://t.co/jFllGjJYlR

Wes Bos

Wes Bos @wesbos

? CSS variables can be set to other CSS variables. Also we will soon be able to tweak colours with colour functions in CSS directly. Good for Canadians who can never remember which way to spell grey https://t.co/oqn74uDF4g

CSS
Ben Furfie

Ben Furfie @frontendben

Here's a really neat trick I always use in all my #tailwindcss powered sites. Need to make you <p> tag white but don't want to add text-white to every tag? You don't have to. Simply leverage the power of color: inherit. https://t.co/cfkoCb487k

CSS
Tyler van der Hoeven

Tyler van der Hoeven @tyvdh

Today I learned about `font-variant-numeric: tabular-nums;` Basically makes a text value act like monospace so when you’re scaling it up and down via a slider etc. it doesn’t jump around as much. https://t.co/2nb9ym3Khf

CSS
Wes Bos

Wes Bos @wesbos

? Did you know CSS has a `turn` unit? It’s often easier to turn something `rotate(0.75turn)` instead of doing the math to `rotate(270deg)`

CSS
Wes Bos ?

Wes Bos ? @wesbos

Two things I’ve been doing lately: 1. using aria-attributes in my CSS to dictate different UI states. (aria-busy for loading, aria-expanded for open/closed navs) 2. Disabling an entire <form> during loading states by wrapping in a fieldset. Using CSS to add loading animation https://t.co/rW1uRNK8eG

CSS