$30 off During Our Annual Pro Sale. View Details »

How I Accidentally Learned to Love CSS Again

Matt Woods
October 22, 2019
Programming
0
250

How I Accidentally Learned to Love CSS Again

I've had a love-hate relationship with CSS (like many developers.) But embracing the utility-first workflow with TailwindCSS has made a night-and-day difference when I'm developing new front-end experience on the web.

Check out this (very rough) deck I threw together for a 5-minute lightning talk at the Thunderplains 2019 conference in Oklahoma City.

Matt Woods

October 22, 2019
Tweet

More Decks by Matt Woods

See All by Matt Woods
How to Build an Authentic Audience as a Developer
matopher
0
380
A Delightfully Short Guide to Static Site Generators
matopher
0
230
5 Steps to Creating an Invincible Platform (2019 Update)
matopher
0
81
5 Steps to Creating an Invincible Platform
matopher
2
77
How to Market Anything From Scratch on a Shoestring Budget
matopher
0
42
How I Landed My Dream Software Job in 12 Months
matopher
0
97

Other Decks in Programming

See All in Programming
Cloudflare Workers は楽しい！
codehex
8
2.2k
アクセシビリティを理解するとフロントエンドのテストが楽になる！
nano72mkn
1
1.8k
Vue & Vite Rustify
kazupon
4
700
Visually experience the beauty of mathematics with p5.js
clown0082
0
1.6k
機械学習ソフトウェアにおけるテスト手法
hitsuji1991
PRO
2
960
Microservices: what does good look like? (Nov 2023)
cer
PRO
0
240
ゆめみの Flutter エンジニア育成方法
morikann
0
240
ChatGPTをソフトウェア開発に活用する
fbei_ot
0
130
[Helvetic Ruby 2023] Profiling Ruby tests with Swiss precision
palkan
0
330
Using AI in Software Design: How ChatGPT Can Help With Creating a Solution Architecture
rdmueller
0
160
JavaScript なしで動作するモダンなコードの書き方
azukiazusa1
14
9.5k
Kyo - Functional Scala 2023
fwbrasil
0
1.4k

Featured

See All Featured
Web Components: a chance to create the future
zenorocha
304
41k
Making the Leap to Tech Lead
cromwellryan
120
8.2k
Clear Off the Table
cherdarchuk
81
300k
Three Pipe Problems
jasonvnalue
89
9.3k
Rails Girls Zürich Keynote
gr2m
90
12k
Fantastic passwords and where to find them - at NoRuKo
philnash
34
2.3k
We Have a Design System, Now What?
morganepeng
41
6.5k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.4k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
How to name files
jennybc
59
87k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
890
Learning to Love Humans: Emotional Interface Design
aarron
265
39k

Transcript

  1. How I Accidentally Learned
    to Love CSS Again
    "What's the deal with TailwindCSS?"
    @matopher

    View Slide

  2. How I used to feel writing CSS
    @matopher

    View Slide

  3. ❌ Yet another Bootstrap copy & paste
    ❌ Hours of "coding by hand"
    @matopher

    View Slide

  4. Reasons you'll ❤ (or at least not
    HATE) utility-first CSS
    @matopher

    View Slide

  5. Instantly see changes on-the-fly (even in your browser!)
    @matopher

    View Slide

  6. No more guessing.....
    ❌ font-size, ❌ colors, ❌ padding, margins, borders...
    @matopher

    View Slide

  7. Kiss cascade hell good-bye
    ❌ ✅
    @matopher

    View Slide

  8. Kick media queries to the curb '
    ❌ ✅
    @matopher

    View Slide

  9. Stack any combination of classes together (

    *
    @matopher

    View Slide

  10. One last thing:
    Customize
    anything you
    want
    @matopher

    View Slide