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

Fast Design Decision-Making for the Everyday Developer

Julie Ann Horvath
December 01, 2012
Programming
15
1.1k

Fast Design Decision-Making for the Everyday Developer

Julie Ann Horvath

December 01, 2012
Tweet

More Decks by Julie Ann Horvath

See All by Julie Ann Horvath
Engineering Learning Lunch on Writing CSS as a Team
nrrrdcore
1
180
Because People
nrrrdcore
7
1.4k
Coder Day Of Service Keynote
nrrrdcore
3
600
Just Ship It
nrrrdcore
37
4.2k
Open Source Needs More Design Superheroes
nrrrdcore
10
690
GitHub for Designers
nrrrdcore
18
2.5k
Building a Design Environment
nrrrdcore
17
15k
JS.CONF.EU 2012 - Because F$%k Photoshop
nrrrdcore
16
4.6k
GitHub Summit 2012
nrrrdcore
5
920

Other Decks in Programming

See All in Programming
PHPからC#のライブラリを呼べるようにしたdotnet_ffiを趣味でつくってみた
pgito
0
220
移りゆくデファクトスタンダードにチームとしてどう追従するか
tkmasuda
0
120
Angular's Future without NgModules: Architectures with Standalone Components
manfredsteyer
PRO
0
300
テストコードリーディングのみでPHPUnitの仕様を理解してみる / Try to understand PHPUnit specification with test code reading only
cocoeyes02
0
760
YJIT: Dive into Ruby's JIT compiler written in Rust / Rust.Tokyo 2022
k0kubun
1
1.1k
フラットなPHPからオブジェクト指向で自動テストのあるPHPへ、そしてフレームワークへ #phpcon2022
77web
1
1k
実践！ユニットテスト入門（PHPカンファレンス2022）
panda_program
9
3.8k
JUnit 5 wird 5
marcphilipp
1
150
Innovation Anti-patterns: Bonkers Beans and Magic Numbers
hollycummins
0
240
2年かけました！大規模サービスをJava製CMSからPHP+Laravelの構成にリプレイスし、運用している話 / Replaced service from Java CMS to PHP and Laravel architecture
yumechi
1
490
GraphQL実践ノウハウ/graphql-knowhow
sonatard
8
4.2k
IaC運用してみて感じた 素晴らしさとアンチパターン
yuki_kurono
0
170

Featured

See All Featured
Happy Clients
brianwarren
89
5.7k
Music & Morning Musume
bryan
35
4.4k
Navigating Team Friction
lara
175
11k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
12
5k
Code Review Best Practice
trishagee
45
10k
Building Applications with DynamoDB
mza
84
4.8k
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.2k
Scaling GitHub
holman
453
140k
For a Future-Friendly Web
brad_frost
166
7.6k
The Brand Is Dead. Long Live the Brand.
mthomps
47
2.8k
The World Runs on Bad Software
bkeepers
PRO
59
5.5k
How to Ace a Technical Interview
jacobian
268
21k

Transcript

  1. SUPER FAST DESIGN DECISION-MAKING

  2. @ @ NRRRDCORE

  3. I’M A DESIGNER BUT IT’S A LITTLE COMPLICATED

  4. I BUILD THINGS A LITTLE LESS COMPLICATED, RIGHT?

  5. None

  6. & EARLY & OFTEN FRESH SHIPPING DAILY.

  7. NOT THIS KIND, THOUGH.

  8. A WEBSITE’S DESIGN SHOULD START WHERE IT’S GOING TO LIVE.

  9. LESS ABOUT ME AND MORE ABOUT FAST DESIGN...

  10. MORE ABOUT YOU AND DEVELOPER FRIENDLY DESIGN TOOLS...

  11. PARTS FOR A FASTER DESIGN PROCESS. 3 3

  12. 3 3 STEPS BUILD, DEPLOY, & ITERATE.

  13. START SIMPLE TO FIND THE RIGHT DIRECTION...

  14. START SIMPLE TO FIND ANY DIRECTION, REALLY...

  15. START ON PAPER I KNOW WHAT YOU’RE THINKING, PAPER...

  16. DON’T FEAR THE BLANK CANVAS

  17. A FOUNDATION YOU DON’T HAVE TO START FROM SCRATCH.

  18. THE BASICS WHAT’S IN A CSS “FRAMEWORK”?

  19. THE ANSWER PROBABLY A LOT OF STUFF YOU DON’T NEED

  20. PICK AND CHOOSE THE PARTS THAT’LL BE USEFUL...

  21. PICK AND CHOOSE THE PARTS THAT ADDRESS AN ACTUAL NEED.

  22. BE CHOOSEY OR, USE THE FRAMEWORK AS A FOUNDATION

  23. EVENTUALLY YOU’LL WANT TO RIP OUT WHAT YOU’RE NOT USING.

    * *

  24. GRIDS CAN BE REALLY USELESS

  25. None

  26. GRIDS BUT THEY CAN HELP YOU FORMAT CONTENT.

  27. 960.GS THE ORIGINAL GANGSTER

  28. 960.GS THE ORIGINAL BOOKMARKLET

  29. None

  30. FRESH POTS SOME GRIDS COME BAKED INTO FRAMEWORKS.

  31. BOOTSTRAP SKELETON FOUNDATION & &

  32. THEY’RE FLEXY THEIR GRIDS ARE FLUID, FOR ALL OF YOUR

    MOBILE THINGS.
  33. None

  34. MEDIA QUERIES ARE REALLY, REALLY AWESOME. @ @

  35. CONDITIONAL CSS BASED ON THE WIDTH OF THE DEVICE.

  36. None

  37. ... PATTERN LIBRARIES CONSTANTLY IMPROVE THE WAY YOU WRITE MARKUP

    ...
  38. None
  39. None
  40. None

  41. VISUAL PATTERNS DRIBBBLE BUCKETS CAN HELP...

  42. None

  43. DRIBBBLE.COM/NRRRDCORE/BUCKETS

  44. None
  45. None

  46. CSS3EXP.COM/MOON

  47. ICON FONTS SAVED MY LIFE * *

  48. span.mega-icon.mega-icon-blacktocat

  49. .mega-icon.mega-icon-blacktocat

  50. SASS/SCSS WHY SHOULD YOU CARE?

  51. THE COMMUNITY IS OPINIONATED, THE COMPUTER DOESN’T CARE.

  52. border-top-color: lighten($gray, 10%);

  53. border-bottom-color: darken($gray, 10%);

  54. SASS/SCSS HANDLES ERRORS LIKE A CHAMP.

  55. None

  56. WORK WITHIN CONSTRAINTS WHEN YOU’RE DESIGNING, BUILDING... * *

  57. STYLEGUIDES AREN’T JUST FOR COLOR PALETTES

  58. None

  59. KSS

  60. None

  61. WARPSPIRE.COM/KSS/STYLEGUIDES

  62. PROTOTYPING IS EASY WHEN YOU WRITE CODE.

  63. GISTS A LIGHT-WEIGHT PROTOTYPING TOOL.

  64. STAY LIMBER YOU CAN DO MORE WITH GISTS THAN YOU’D

    EXPECT.
  65. None
  66. None
  67. None
  68. None
  69. None

  70. PULL REQUESTS ARE AN AWESOME DESIGN TOOL.

  71. JULIEANNHORVATH.COM/RESOURCES

  72. THANK YOU WARM GUN ’12 & 500 STARTUPS