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
310
Global styles the story so far
Avatar for Tammie Lister tammielis
1
770
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
760
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
630

Other Decks in Design

See All in Design
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.5k
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
2k
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
210
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
330
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
370
AI業務アプリケーションの体験デザイン
Avatar for kim kazuhirokimura
0
150
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
460
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
240
サービスデザインにおける、 映像活用の可能性（Spectrum Tokyo Meetup #18）
Avatar for Akihide Kanai ka71
0
160
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.5k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.3k
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.4k

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
339
57k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
37
2.8k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
48
50k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
236
140k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.5k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.7k

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?