![Web Rush artwork](https://is2-ssl.mzstatic.com/image/thumb/Podcasts123/v4/32/d9/90/32d99043-0079-57c5-9f1c-03e0ec22573c/mza_2236670656787581880.jpg/100x100bb.jpg)
Episode 133: How to Design CSS for Design and Performance with Nicole Oliver
Web Rush
English - May 13, 2021 10:00 - 52 minutes - 24.5 MB - ★★★★★ - 37 ratingsTechnology Education How To web javascript technology developers Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Previous Episode: Episode 132: Don’t Say That At Work with Michael Callaghan
Recording date: April 1, 2021
John Papa @John_Papa
Ward Bell @WardBell
Dan Wahlin @DanWahlin
Craig Shoemaker @craigshoemaker
Nicole Oliver @Nixallover
Brought to you byVisit nx.dev to get the preeminent open-source toolkit for monorepo development, today.
Resources:Nrwl on TwitterNicole on Web Rush episode 0027 talking about TypeScript decoratorsNicole on Web Rush episode 0057 on Styling Modern applicationsCSS (for those who ignore it)Nx Developer toolsRubik’s cubeWhat are CSS Design TokensAngular PlaygroundAngular Playground Visual Regression UtilityFigmaStorybookStorybook Visual Regression TestingVisual Regression TestingPurgeCSSOptimizing CSS for ProductionUnCSSAddy Osmani talking about purging CSSFind unused CSS with Chrome dev toolsAngular Material CDKBootstrapBulmaTailwind CSSFunny Terrible UI ExperiencesUser Inyerface is another fun exampleOn RunningTimejumps00:49 Battleship grey02:25 Guest introduction04:30 Decorating with CSS06:05 CSS Performance06:56 Sponsor: Nrwhl07:36 Why care about the size of CSS?13:18 How do you gather elements when starting a new project?20:23 Do you create UI books or standards?21:56 The story of storybook25:27 One single CSS or multiple CSS files?32:31 How do you decide when to put something in global vs components?34:27 Sponsor: Ag Grid35:32 Orphan styles43:29 Some of the tools to use47:18 Final thoughtsPodcast editing on this episode done by Chris Enns of Lemon Productions.