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

The theme is in the details

Avatar for Tammie Lister Tammie Lister
April 26, 2014
Design
2
560

The theme is in the details

My talk from WordCamp Sheffield

Avatar for Tammie Lister

Tammie Lister

April 26, 2014
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.1k
CSS in the editor
Avatar for Tammie Lister tammielis
0
320
Global styles the story so far
Avatar for Tammie Lister tammielis
1
790
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.3k
Being Brave
Avatar for Tammie Lister tammielis
2
1.7k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
770
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
640

Other Decks in Design

See All in Design
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
530
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
140
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.4k
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
690
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
450
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
820
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
270
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
2.8k
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
930
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
150
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
PRO
0
220

Featured

See All Featured
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
11k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5.1k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
700
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
2.9k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.5k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
272
27k
Done Done
Avatar for chrislema chrislema
185
16k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6k

Transcript

  1. The theme is in the details TAMMIE LISTER

  2. @karmatosed

  3. “The difference between something good and something great is attention

    to detail.” ― Charles R. Swindoll

  4. SHOWS YOU CARE

  5. ADDS VALUE

  6. BECOME A THEME CRAFTER

  7. “Craftsmanship names an enduring, basic human impulse, the desire to

    do a job well for its own sake.” ― Richard Sennett, The Craftsman

  8. TAKE TIME

  9. CREATE EMOTIONAL RESPONSES

  10. HOW?

  11. FOUNDATIONS SCALE TYPOGraphy TYPOGraphy TYPOGraphy scale aphy scale TYPOGraphy raphy

    scale WHITE SPACE COLOUR Theory levels of focus TYPOGraphy sc OGraphy scale TYPOGraph y scale TYPOGraphy scale Rhythm TYPOGraphy sca TYPOGr OGraphy scale aphy scale TYPOGraphy scale TYPOGrap TYPOGraphy TYPOGraphy s TYPOGraphy scale y scale

  12. maximize by woo themes FEEDBACK

  13. parallax by themify

  14. COLOUR CHANGES SERENE BY ELEGANT THEMES

  15. HUB by woothemes

  16. STITCHED by woothemes PERSONALITY

  17. A CASE STUDY: SEARCH INPUTS

  18. sorbet by automattic

  19. twenty fourteen

  20. MEDIUM BY ARRAy

  21. pay attention to the voice

  22. SUBMIT

  23. DEVICES MAGNIFY

  24. THE ART OF DETAILS

  25. THANKS : ANY QUESTIONS?