SUPER FAST
                            DESIGN
                            DECISION-MAKING




Thursday, November 29, 12
@ NRRRDCORE


Thursday, November 29, 12
I’M A DESIGNER
                     BUT IT’S A LITTLE COMPLICATED




Thursday, November 29, 12
I BUILD THINGS
                      A LITTLE LESS COMPLICATED, RIGHT?




Thursday, November 29, 12
Thursday, November 29, 12
EARLY & OFTEN
                            FRESH SHIPPING
                                     DAILY.




Thursday, November 29, 12
NOT THIS
                   KIND, THOUGH.



Thursday, November 29, 12
A WEBSITE’S
         DESIGN SHOULD
         START WHERE IT’S
         GOING TO LIVE.


Thursday, November 29, 12   ”
LESS ABOUT ME
                    AND MORE ABOUT FAST DESIGN...




Thursday, November 29, 12
MORE ABOUT YOU
          AND DEVELOPER FRIENDLY DESIGN TOOLS...




Thursday, November 29, 12
3       PARTS
                            FOR A FASTER DESIGN PROCESS.




Thursday, November 29, 12
3       STEPS
                            BUILD, DEPLOY, & ITERATE.




Thursday, November 29, 12
START SIMPLE
                            TO FIND THE RIGHT DIRECTION...




Thursday, November 29, 12
START SIMPLE
                            TO FIND ANY DIRECTION, REALLY...




Thursday, November 29, 12
START ON PAPER
               I KNOW WHAT YOU’RE THINKING, PAPER...




Thursday, November 29, 12
DON’T
           FEAR THE
         BLANK CANVAS

Thursday, November 29, 12
A FOUNDATION
             YOU DON’T HAVE TO START FROM SCRATCH.




Thursday, November 29, 12
THE BASICS
            WHAT’S IN A CSS “FRAMEWORK”?




Thursday, November 29, 12
THE ANSWER
            PROBABLY A LOT OF STUFF YOU DON’T NEED




Thursday, November 29, 12
PICK AND CHOOSE
        THE PARTS THAT’LL BE USEFUL...




Thursday, November 29, 12
PICK AND CHOOSE
         THE PARTS THAT ADDRESS AN ACTUAL NEED.




Thursday, November 29, 12
BE CHOOSEY
         OR, USE THE FRAMEWORK AS A FOUNDATION




Thursday, November 29, 12
EVENTUALLY
          YOU’LL WANT TO RIP OUT WHAT
          YOU’RE NOT USING.




Thursday, November 29, 12
                                        *
GRIDS
                            CAN BE REALLY USELESS




Thursday, November 29, 12
Thursday, November 29, 12
GRIDS
           BUT THEY CAN HELP
           YOU FORMAT CONTENT.




Thursday, November 29, 12
960.GS
                            THE ORIGINAL GANGSTER




Thursday, November 29, 12
960.GS
                            THE ORIGINAL BOOKMARKLET




Thursday, November 29, 12
Thursday, November 29, 12
FRESH POTS
         SOME GRIDS COME BAKED INTO FRAMEWORKS.




Thursday, November 29, 12
BOOTSTRAP
                            SKELETON &
                            FOUNDATION

Thursday, November 29, 12
THEY’RE FLEXY
                  THEIR GRIDS ARE FLUID, FOR ALL
                  OF YOUR MOBILE THINGS.




Thursday, November 29, 12
Thursday, November 29, 12
@ MEDIA QUERIES
                            ARE REALLY, REALLY AWESOME.




Thursday, November 29, 12
CONDITIONAL CSS
         BASED ON THE WIDTH OF THE DEVICE.




Thursday, November 29, 12
Thursday, November 29, 12
PATTERN LIBRARIES
        CONSTANTLY IMPROVE THE WAY YOU
        WRITE MARKUP




                                     ...
Thursday, November 29, 12
Thursday, November 29, 12
Thursday, November 29, 12
Thursday, November 29, 12
VISUAL PATTERNS
           DRIBBBLE BUCKETS CAN HELP...




Thursday, November 29, 12
Thursday, November 29, 12
DRIBBBLE.COM/NRRRDCORE/BUCKETS




Thursday, November 29, 12
Thursday, November 29, 12
Thursday, November 29, 12
CSS3EXP.COM/MOON




Thursday, November 29, 12
ICON FONTS
                                 SAVED MY LIFE




Thursday, November 29, 12
                                             *
span.mega-icon.mega-icon-blacktocat




Thursday, November 29, 12
.mega-icon.mega-icon-blacktocat




Thursday, November 29, 12
SASS/SCSS
                            WHY SHOULD YOU CARE?




Thursday, November 29, 12
THE COMMUNITY IS
         OPINIONATED, THE
         COMPUTER DOESN’T
         CARE.


Thursday, November 29, 12   ”
border-top-color: lighten($gray, 10%);




Thursday, November 29, 12
border-bottom-color: darken($gray, 10%);




Thursday, November 29, 12
SASS/SCSS
                            HANDLES ERRORS LIKE A CHAMP.




Thursday, November 29, 12
Thursday, November 29, 12
WORK WITHIN
             CONSTRAINTS
               WHEN YOU’RE DESIGNING, BUILDING...




Thursday, November 29, 12
                                                    *
STYLEGUIDES
                            AREN’T JUST FOR COLOR PALETTES




Thursday, November 29, 12
Thursday, November 29, 12
KSS
Thursday, November 29, 12
Thursday, November 29, 12
WARPSPIRE.COM/KSS/STYLEGUIDES




Thursday, November 29, 12
PROTOTYPING
                            IS EASY WHEN YOU WRITE CODE.




Thursday, November 29, 12
GISTS
                        A LIGHT-WEIGHT PROTOTYPING TOOL.




Thursday, November 29, 12
STAY LIMBER
                YOU CAN DO MORE WITH GISTS THAN
                YOU’D EXPECT.




Thursday, November 29, 12
Thursday, November 29, 12
Thursday, November 29, 12
Thursday, November 29, 12
Thursday, November 29, 12
Thursday, November 29, 12
PULL REQUESTS
                 ARE AN AWESOME DESIGN TOOL.




Thursday, November 29, 12
JULIEANNHORVATH.COM/RESOURCES




Thursday, November 29, 12
THANK YOU
                    WARM GUN ’12 & 500 STARTUPS




Thursday, November 29, 12

Julie Ann Horvath, GitHub, Warm Gun 2012