9

How to Design CSS for Design and Performance with Nicole Oliver on Web Rush #133

 3 years ago
source link: https://johnpapa.net/how-to-design/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
How to Design CSS for Design and Performance with Nicole Oliver on Web Rush #133

Nicole Oliver is back to chat with John, Ward, and Dan about how to design CSS for both design and optimal performance. Why care about the size of CSS? How do you gather elements when starting a project? And what are some tools to use to manage your CSS?

Episode link

const podcast = { 
  episode: 133,
  title: 'How to Design CSS for Design and Performance',
  topics: [ 
    'css', 'performance', 'components'
  ],
  guest: 'Nicole Oliver'
  hosts: [
    'John Papa', 'Ward Bell', 'Dan Wahlin'
  ]
};
JavaScript

Recording date: April 1, 2021

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Nicole Oliver @Nixallover

# Brought to you by

  • AG Grid

    ag-grid-logo-2

  • Nrwl

    Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

    Narwhal logo

# Resources:

# Timejumps

  • 00:49 Battleship grey
  • 02:25 Guest introduction
  • 04:30 Decorating with CSS
  • 06:05 CSS Performance
  • 06:56 Sponsor: Nrwhl
  • 07: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 storybook
  • 25: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 Grid
  • 35:32 Orphan styles
  • 43:29 Some of the tools to use
  • 47:18 Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK