{ CSS snippets }

Wes Bos πŸ”₯

Wes Bos πŸ”₯ @wesbos

πŸ”₯ All CSS background properties can take multiple values - helpful for layering colours, gradients and textures https://t.co/kfiTpekvag

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