Fast Design Decision-Making for the Everyday Developer

Cbfa54275010d81ff786ef9b2a711d38?s=47 Julie Ann Horvath
December 01, 2012
Programming
15
1k

Fast Design Decision-Making for the Everyday Developer

Cbfa54275010d81ff786ef9b2a711d38?s=128

Julie Ann Horvath

December 01, 2012
Tweet

More Decks by Julie Ann Horvath

See All by Julie Ann Horvath
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
1
170
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
7
1.3k
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
3
590
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
37
4.2k
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
10
680
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
18
2.5k
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
17
15k
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
16
4.6k
Cbfa54275010d81ff786ef9b2a711d38?s=48 nrrrdcore
5
910

Other Decks in Programming

See All in Programming
9f33218af7ae5c04e102fcc3076f2f5c?s=48 yhkaplan
1
380
8ec2b967e38f000eb63ae345cd7c58e6?s=48 minodriven
38
5.5k
70ae2d149767d4198aac83453481b8dd?s=48 amaotone
0
140
1329e1c7848fb723452f5b9cdcd9bf2b?s=48 kasaharu
0
140
89f41026db2c96853402524fca4a2ff8?s=48 brentchang
0
1.1k
E586b46d5b09f8109beb66bb146e4f20?s=48 tamappe
3
570
Dbab5e5a1fd54531e1119ede6b3b9e65?s=48 horie1024
0
100
3cfad86677c5966ecfe9b81955fa3489?s=48 youkan2002
0
280
D12a80cab206033a820ccff8319f957b?s=48 s_uryu
2
1.1k
D79e3b0b78ca7027eb61d73028d45ad6?s=48 uchi_k
2
970
D2151968789d3a241fe9ce2c19936661?s=48 hisakakoji
0
440
A513bc1fa519d2fcf5e4e0d9b5500101?s=48 psibi
2
140

Featured

See All Featured
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
493
110k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
336
16k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
191
8.4k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
185
14k
78b475797a14c84799063c7cd073962f?s=48 holman
458
270k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
15
1.2k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
266
16k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
222
47k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
11
730
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
144
12k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
106
11k

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