{ CSS snippets }

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
Achraf Kassioui

Achraf Kassioui @achrafkassioui

CSS tip: the <main> element isn't recognized as a default block level element in Internet Explorer. Set it to display: block in CSS so IE can display it correctly.

Wes Bos ๐Ÿ”ฅ

Wes Bos ๐Ÿ”ฅ @wesbos

๐Ÿ”ฅ CSS Variables are perfect for overwriting parts of a definition that canโ€™t be broken up like text-shadows, transforms or gradients https://t.co/6vKDLNgg1T

CSS
Wes Bos ๐Ÿ”ฅ

Wes Bos ๐Ÿ”ฅ @wesbos

Another neat thing you can use CSS Grid for is managing full bleed and contained layouts. Very similar to max-width; margin: 0 auto; https://t.co/gcuEtBHTEi

CSS
Wes Bos ๐Ÿ”ฅ

Wes Bos ๐Ÿ”ฅ @wesbos

๐Ÿ”ฅ You can set and use variables inside a CSS declaration. Handy for when you need the same value more than once! https://t.co/tjLV3h7Z8I

CSS
Wes Bos ๐Ÿ”ฅ

Wes Bos ๐Ÿ”ฅ @wesbos

Bootstap 12 column grid in 5 lines of CSS. One of many ways to lay out of a page in CSS grid. You wonโ€™t be needing frameworks for layout much longer ๐Ÿ˜ƒ https://t.co/DlxeNesna1

CSS
Dave Rupert

Dave Rupert @davatron5000

TIL a `position: fixed` element (e.g. modal) in Chrome & Firefox behaves like `position: absolute` when parent has `will-change: transform`

CSS