Playing: 137: Hasty Treat - CSS Frameworks
Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!
Potluck - Interview Qs × Headless CMS × React Hooks × Resume Design × Redux vs Context × More!
How We Manage Our Lives — Notion, Todos, Notes, Focusing, Calendars, Goal tracking, and more!
Potluck - Changing careers × Repo organization × CSS Grid × Certifications × Freelancing × Spammers × More
Potluck - Where to start with JS × Freelancing × Cron jobs × Split testing × Frameworks in 2019 × More
Potluck - $100/hr × Redux Replacements × Full Stack Designers × JWT × VS Code Tips × More
Potluck - Editor Fonts × Portfolios × Meetup Tips × Switching to Windows × Freelancing Sources
Potluck EP × Remote Work × Headless WordPress × Good Client Questions × Alternate Careers × React API Credentials
Potluck EP × Is Redux Dead × Learning Quickly × Developing Solo × Specialist vs Generalist × Funnest Projects × Wes’ BBQ Course
Potluck EP × Vue.js × Headless WP × Typescript & Flow × Productivity × Server Side Rendering × Yeoman
Wes and Scott's Lives - Breakdancing, BBQ, Wives, Work/Life Balance, Problem Solving, YouTube Subscriptions
Snack Pack — CSS Frameworks, React HOC, Render Props, Coding Designers, Early Career Advice and a sound board!
Hosting & Servers — Heroku, Now, Galaxy, Digital Ocean, Linode, Docker, Netlify and more!
Apr 22nd, 2019
Hasty Treat - CSS Frameworks👇 Download Show✏️ Edit Show Notes
In this Hasty Treat, Scott and Wes talk about CSS frameworks - what they are, why they're important, and when (and when not) to use them.
Stackbit - Sponsor
Build modern JAMStack websites in minutes. Stackbit lets you combine any theme, site generator and CMS without complicated integrations. Join the beta today by visiting stackbit.com/syntaxfm.
2:52 - What is a CSS framework?
- Pre-written CSS that takes over the basic styling of your app
- Can include just utilities or lots of styles (minimal to overboard)
- Twitter Bootstrap and Zurb Foundation were the pioneers
- Follow different CSS styles from "functional CSS" to utility-first to BEM
7:33 - Functional (aka Utility) based
9:59 - Preprocessor based
11:33 - Styled Components based
- Styled Systems
15:50 - Why use one?
- Makes styling FAST
- Makes hard things easy
- Some, like Bootstrap, have themes
- Keeps your own CSS minimal and organized
- Built on an established system
- Lots of people use the same CSS
19:22 - Why not use one?
- CSS class hell
- Stops you from learning how CSS works
- Size (not all have this problem)
- Brotli, Purify CSS
- You will be overriding a ton of it
- You like exclusively writing the code you need and nothing else
- Tailwind CSS
- Styled System
- Purify CSS