Web Rush

Episode 54: Styling Modern Applications with Nicole Oliver

Episode Summary

Nicole Oliver returns to talk with us about styling modern applications, the difference between pre and post-processors, Flexbox vs Grid, and rollerblading.

Episode Notes

Recording date: 2019-09-05

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Nicole Oliver @Nixallover

Resources:

• RealTalk Javscript #29 with Nicole Oliver
• Escalator was a brand
• Rollerblade
• SASS
• CSS
• LESS
• Stylus
• CSS Layout
• Guide to Flexbox on CSS Tricks
• css grid layout
• A List Apart
• CSS Sticky
• Bulma
• Bootstrap
• Typography for developers
• CSS Specificity
• SMACSS
• Tailwind CSS
• Tachyons
• Angular
• Styled components
• 8 reasons to use styled components
• Scoped Styles in Angular
• Scoped CSS in Vue
• Nrwl.io
• Custom Mixins
• SASS Mixins
• Tailwind explains why "utility" approach is different from "framework" approach
• Ward Bell's Outfit
• Typscript Decorations
• Nicole's decorators talk at ngConf
• Varun Vachhar / @winkerVSbecks

Timejumps

• 01:58 Guest introduction
• 04:12 Why this topic?
• 07:06 What is Flexbox and Gird?
• 12:38 Sponsor: AG-grid
• 14:07 Positioning in CSS
• 23:46 Pre and post processors?
• 30:01 Sponsor: Nrwhl
• 30:39 Styling at the component level
• 42:57 Final tips