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 snippets }
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
Jonas @JonasBadalic
A reminder that you can avoid jumpy numbers with tabular numbers and font-feature-settings. ? https://t.co/lo3M5xK4k9 https://t.co/m7UsQs1xDh
Steve Schoger @steveschoger
? Little details go a long way when styling UI components. Here are a few different ways to style buttons: https://t.co/rsbtaZ1Peh
CSS-Tricks @Real_CSS_Tricks
If you need border-radius on those table elements, you'll need to keep `border-collapse: separate` https://t.co/1lYmqeC6W5
Smashing Magazine @smashingmag
Hint: you can also use a range form in your media queries: @media (width > 900px) { /* wider than 900px */ } via @WebPlatformNews
Dave Rupert @davatron5000
TIL a `position: fixed` element (e.g. modal) in Chrome & Firefox behaves like `position: absolute` when parent has `will-change: transform`
Jeff @Jeffer_8a
?Plain css variables . [new variable] "--varColor: #BADA55" [use] "color: var(--varColor)" #CSS #FrontEnd https://t.co/HK64xuidqQ
Smashing Magazine @smashingmag
✎ Enhancing CSS Layout: From Floats To Flexbox To Grid. How to build a flexible layout with a few lines of CSS. https://t.co/7bAs402wkY https://t.co/wUJvLntZFU
David Walsh @davidwalshblog
Get Element Dimensions After CSS Transform https://t.co/HgzpjJL91z https://t.co/qODQVmNgrg
Nod ? @nodws
Trendy message with cycling color #css transition, all in 3 lines of #javascript :D see full source at @CodePen https://t.co/d66eoqFzgz https://t.co/S1eSnpQtJ7
CodePen.IO @CodePen
Need named grid lines in Sass? For now, you'll need to use a variable. $cols: "[foo] 1fr [bar] 1fr"; grid-template-columns: #%7B$cols%7D;
Wes Bos @wesbos
? CSS4 :placeholder-shown selector can be used to show + hide labels without JS Demo ? https://t.co/pnUq6FTKlU https://t.co/t22jsxXEIZ
Wes Bos @wesbos
? Super handy CSS Clip Path generator → https://t.co/6nXe1txk3k https://t.co/uhKZEq4Qbc
Wes Bos @wesbos
? :nth-last-child() will give you nth-child but start counting from the end. https://t.co/8HfNi0ghFe
Wes Bos @wesbos
TIL CSS has an `outline-offset` property → https://t.co/jlzFbo3BWz https://t.co/IcjHiSpc58
Wes Bos @wesbos
? You can disable an entire form or groups of inputs by wrapping in a <fieldset> and applying the disabled attr https://t.co/lscCIEtl3o
Adam Wathan @adamwathan
? Trick I picked up from @davidhemphill, you can escape characters in your CSS to create more expressive class names: https://t.co/D0gOozdeX1
Adam Wathan @adamwathan
? Number one reason I use Less instead of Sass: Classes as mixins and order-independence means I can build components from my utilities ?? https://t.co/9BHQwITLDV
Jonathan Suh @jonsuh
Made a book opening CSS animation for my site redesign. Inspired by @mds’s https://t.co/QRCZ06uC6K with my flavor code and styling https://t.co/jYopGlrP9W
