Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Solid, Design Systems Lightning Talk

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Emily Brick Emily Brick
December 15, 2016
Technology
1
390

Solid, Design Systems Lightning Talk

Avatar for Emily Brick

Emily Brick

December 15, 2016
Tweet

Other Decks in Technology

See All in Technology
CloudFrontのHost Header転送設定でパケットの中身はどう変わるのか？
Avatar for nagisa_53 nagisa53
1
230
GitHub Actions侵害 — 相次ぐ事例を振り返り、次なる脅威に備える
Avatar for GMO Flatt Security flatt_security
8
6.8k
フルカイテン株式会社 エンジニア向け採用資料
Avatar for FULL KAITEN fullkaiten
0
11k
SaaSの操作主体は人間からAIへ - 経理AIエージェントが目指す深い自動化
Avatar for Motoshi Nishihira nishihira
0
120
俺の/私の最強アーキテクチャ決定戦開催 ― チームで新しいアーキテクチャに適合していくために / 20260322 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
1
480
Zephyr(RTOS)でOpenPLCを実装してみた
Avatar for misoji engineer iotengineer22
0
160
イベントで大活躍する電子ペーパー名札を作る（その２） 〜 M5PaperとM5PaperS3 〜 / IoTLT @ JLCPCB オープンハードカンファレンス
Avatar for you（@youtoy） you
PRO
0
220
CREがSLOを握ると 何が変わるのか
Avatar for neko maho nekomaho
0
300
PostgreSQL 18のNOT ENFORCEDな制約とDEFERRABLEの関係
Avatar for Yasuo Honda yahonda
0
150
脳が溶けた話 / Melted Brain
Avatar for Keisuke69 keisuke69
1
1.1k
来期の評価で変えようと思っていること 〜AI時代に変わること・変わらないこと〜
Avatar for estie | エスティ estie
0
120
Zephyr(RTOS)でARMとRISC-Vのコア間通信をしてみた
Avatar for misoji engineer iotengineer22
0
110

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
160
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
91
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
240
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
440
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
190
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.6k

Transcript

  1. Hello!

  2. None
  3. None
  4. None
  5. None

  6. how a mock assumes we use things how we really

    use things
  7. None

  8. “It’s a way to reduce duplication”

  9. “No more code bloat!”

  10. None

  11. This is a “story block” component It appears in a

    feed

  12. Original story block styles

  13. Original story block styling story block variant another story block

    variant another story block & another story block variant another type of story block

  14. Modified Component Styles

  15. None
  16. None
  17. None
  18. None

  19. Solid Team

  20. how we were currently handling this: how we’d handle it

    with a functional css approach:

  21. Choosing a style based on our specific needs ✔

  22. None

  23. How did we get started?

  24. Start Small. Layout • responsive grid • utilities Base •

    typography • colors • interface • buttons • forms • tables Resources • logos • templates • typefaces and icons • sandbox (prototypes)
  25. None
  26. None
  27. None
  28. None
  29. None

  30. solid.buzzfeed.com