steal this! a practical guide to web design and development
DESCRIPTION
This session would be geared to junior designers and developers who want to find creative inspiration improve their development skills. Too often, as artists (designers and coders alike), we strive to create originality in everything we do and thus come to a small creative block where progress is limited and projects become dull. When working with junior developers - I always tell them “steal from others first”, “learn from the masters” and “roll your own.” This advice has spurred many creative projects and usually always breaks new ground for the designer/developer working on the project. - Create quality work - Make mistakes - Keep getting better - Finding Inspiration for design - Finding Inspiration for code - Creating Mood Boards and Snippet cheat sheets - Steal from masters - Don’t Copy Acme Co - Craft your own - A look at Brand Logo thiefs (some funny stuff) - When in Doubt Roll your own - Tools of the trade: Firebug! - Debug like a ninja! (keep it simple) - Deconstructing Awesomeness - Deconstructing PDFs, Photoshop files, Drupal Modules, etc.TRANSCRIPT
![Page 1: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/1.jpg)
![Page 2: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/2.jpg)
QUICK INTRODUCTION
People call me “GONZ”
![Page 3: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/3.jpg)
QUICK INTRODUCTION
1. Never went to Art School
![Page 4: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/4.jpg)
QUICK INTRODUCTION
1. Never went to Art School2. Never took Computer Science class
![Page 5: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/5.jpg)
QUICK INTRODUCTION
1. Never went to Art School2. Never took Computer Science class3. Never won an Award
![Page 6: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/6.jpg)
![Page 7: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/7.jpg)
QUICK INTRODUCTION
![Page 8: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/8.jpg)
SOME CLIENTS
![Page 9: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/9.jpg)
SOME CLIENTS
![Page 10: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/10.jpg)
SOME CLIENTS
![Page 11: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/11.jpg)
SOME CLIENTS
![Page 12: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/12.jpg)
SOME CLIENTS
![Page 13: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/13.jpg)
SOME CLIENTS
![Page 14: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/14.jpg)
SOME CLIENTS
![Page 15: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/15.jpg)
![Page 16: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/16.jpg)
QUICK INTRODUCTION
We’re Hiring(shameless plug)
![Page 17: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/17.jpg)
![Page 18: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/18.jpg)
WARNING:
![Page 19: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/19.jpg)
WARNING:
![Page 20: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/20.jpg)
![Page 21: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/21.jpg)
So why this session?
![Page 22: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/22.jpg)
It’s my GOAL to accelerate the evolution of junior designers and
developers from good to GREAT!
![Page 23: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/23.jpg)
I will even give you the “take away” up front
![Page 24: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/24.jpg)
“learn from the masters” “steal from others first”
and “roll your own”
![Page 25: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/25.jpg)
Thanks for Attending- Good Bye -
![Page 26: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/26.jpg)
Thanks for Attending- Good Bye -
#joking
![Page 27: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/27.jpg)
LEARN FROM THEMASTERS
LEARN FROM THE MASTERS
![Page 28: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/28.jpg)
LEARN FROM THE MASTERS
It’s OK to be a Padawan
![Page 29: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/29.jpg)
LEARN FROM THE MASTERS
We are in the CRAFT Industries
![Page 30: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/30.jpg)
LEARN FROM THE MASTERS
There is technique to CRAFT
![Page 31: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/31.jpg)
LEARN FROM THE MASTERS
VS. CRAFTART
![Page 32: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/32.jpg)
LEARN FROM THE MASTERS
VS. CRAFTART( debate continues )
![Page 33: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/33.jpg)
LEARN FROM THE MASTERS
Build your arsenalof technique
![Page 34: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/34.jpg)
LEARN FROM THE MASTERS
![Page 35: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/35.jpg)
LEARN FROM THE MASTERS
![Page 36: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/36.jpg)
LEARN FROM THE MASTERS
![Page 37: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/37.jpg)
LEARN FROM THE MASTERS
“Oh heck yeahthat’s easy…”
![Page 38: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/38.jpg)
LEARN FROM THE MASTERS
“Oh heck yeahthat’s easy…”
Full orange beard
![Page 39: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/39.jpg)
LEARN FROM THE MASTERS
For Designers:– Color theory– Layout & composition– How to produce textures– Design patterns– Software tricks– User interface trends
![Page 40: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/40.jpg)
LEARN FROM THE MASTERS
For Developers:– Syntax– arrays();– Functions () {}– Frameworks– Preprocessors– Hacks
![Page 41: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/41.jpg)
LEARN FROM THE MASTERS
Practice your CRAFT!
![Page 42: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/42.jpg)
LEARN FROM THE MASTERS
Practice your CRAFT!Make lots of stuff
![Page 43: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/43.jpg)
LEARN FROM THE MASTERS
On the job…
![Page 44: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/44.jpg)
LEARN FROM THE MASTERS
Ask a lot of questions
![Page 45: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/45.jpg)
LEARN FROM THE MASTERS
Develop your projectsin iterations
![Page 46: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/46.jpg)
LEARN FROM THE MASTERS
Get feedback often
![Page 47: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/47.jpg)
LEARN FROM THE MASTERS
Condition yourself to accept criticism
![Page 48: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/48.jpg)
LEARN FROM THE MASTERS
Take their advice
![Page 49: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/49.jpg)
LEARN FROM THE MASTERS
Take their advice- especially now while you can
![Page 50: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/50.jpg)
STEAL FROM OTHERS FIRST
STEAL FROM OTHERS FIRST
![Page 51: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/51.jpg)
STEAL FROM OTHERS FIRST
![Page 52: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/52.jpg)
STEAL FROM OTHERS FIRST
Nothing is original anymore
![Page 53: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/53.jpg)
LEARN FROM THE MASTERS
A little weightoff your shoulders#phew
![Page 54: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/54.jpg)
STEAL FROM OTHERS FIRST
It should be our quest to produce more quality work
![Page 55: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/55.jpg)
STEAL FROM OTHERS FIRST
Inspiration Boards
![Page 56: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/56.jpg)
STEAL FROM OTHERS FIRST
Inspiration BoardsAKA: sources to STEAL from!
![Page 57: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/57.jpg)
STEAL FROM OTHERS FIRST
Mood Boards
![Page 58: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/58.jpg)
STEAL FROM OTHERS FIRST
Mood Boards
![Page 59: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/59.jpg)
STEAL FROM OTHERS FIRST
Mood Boards
![Page 60: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/60.jpg)
STEAL FROM OTHERS FIRST
Mood Boards
![Page 61: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/61.jpg)
STEAL FROM OTHERS FIRST
Mood Boards
![Page 62: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/62.jpg)
STEAL FROM OTHERS FIRST
Take notes of what you liked and why it works
![Page 63: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/63.jpg)
STEAL FROM OTHERS FIRST
Mood BoardsStylized icon @ angle
![Page 64: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/64.jpg)
STEAL FROM OTHERS FIRST
Mood BoardsStylized icon @ angle
Clean navigation but we should include 2 more links
![Page 65: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/65.jpg)
STEAL FROM OTHERS FIRST
Mood BoardsStylized icon @ angle
Clean navigation but we should include 2 more links
Awesome photo
Love the mix of tape letters and font
![Page 66: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/66.jpg)
STEAL FROM OTHERS FIRST
Mood BoardsStylized icon @ angle
Clean navigation but we should include 2 more links
Awesome photo
Love the mix of tape letters and font
Looks like they used JavaScript to maximize the image on first load to keep content above fold
![Page 67: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/67.jpg)
STEAL FROM OTHERS FIRST
It works for a reason( they did something right )
![Page 68: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/68.jpg)
STEAL FROM OTHERS FIRST
Deconstructwhat you admire
![Page 69: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/69.jpg)
STEAL FROM OTHERS FIRST
Do you like how the main photo is
responsive and always full screen height?
![Page 70: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/70.jpg)
STEAL FROM OTHERS FIRST
View the source code!( find out how they did it )
![Page 71: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/71.jpg)
STEAL FROM OTHERS FIRST
Use Firebug!
Ah hah!
![Page 72: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/72.jpg)
STEAL FROM OTHERS FIRST
Minimized Code?
![Page 73: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/73.jpg)
STEAL FROM OTHERS FIRST
( gross )
![Page 74: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/74.jpg)
STEAL FROM OTHERS FIRST
( gross )
www.jsbeautifier.org
Eureeka! I get it now!!!
![Page 75: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/75.jpg)
STEAL FROM OTHERS FIRST
Incorporate what you learned into your own
projects
![Page 76: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/76.jpg)
STEAL FROM OTHERS FIRST
Creative gears should now be firing on all
cylinders
![Page 77: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/77.jpg)
STEAL FROM OTHERS FIRST
“The secret to creativity is knowing how to hide your sources.”- Einstein
![Page 78: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/78.jpg)
ROLL YOUR OWN
ROLL YOUR OWN
![Page 79: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/79.jpg)
ROLL YOUR OWN
Now it’s time to go from good to GREAT!
![Page 80: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/80.jpg)
ROLL YOUR OWN
Crazy bad mojo – right?
![Page 81: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/81.jpg)
ROLL YOUR OWN
STEAL THIS?
![Page 82: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/82.jpg)
ROLL YOUR OWN
This is what they don’t want us to tell you
![Page 83: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/83.jpg)
ROLL YOUR OWN
I stole this this whole thing.
![Page 84: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/84.jpg)
ROLL YOUR OWN
![Page 85: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/85.jpg)
ROLL YOUR OWN
Every bit of data I shared…
![Page 86: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/86.jpg)
ROLL YOUR OWN
Was shared with me…
![Page 87: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/87.jpg)
ROLL YOUR OWN
From my surroundings…
![Page 88: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/88.jpg)
ROLL YOUR OWN
From my mentors…
![Page 89: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/89.jpg)
ROLL YOUR OWN
From my predecessors…
![Page 90: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/90.jpg)
ROLL YOUR OWN
- This Guy
![Page 91: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/91.jpg)
ROLL YOUR OWN
- This Guy( Aaron James Draplin)
![Page 92: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/92.jpg)
ROLL YOUR OWN
Notice the solid color on the slides
![Page 93: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/93.jpg)
ROLL YOUR OWN
Notice the solid color on the slides
Easy to read san-serif font
![Page 94: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/94.jpg)
ROLL YOUR OWN
Notice the solid color on the slides
Easy to read san-serif font
Header & Footer Lockups
![Page 95: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/95.jpg)
ROLL YOUR OWN
To merely copy is to take an existing
interpretation and not run away with it.
https://answers.yahoo.com/question/index?qid=20100123160859AASb4Sf
![Page 96: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/96.jpg)
ROLL YOUR OWN
To steal an idea is to take something of value
and make ityour own.
https://answers.yahoo.com/question/index?qid=20100123160859AASb4Sf
![Page 97: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/97.jpg)
ROLL YOUR OWN
We as humanssteal shit.
![Page 98: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/98.jpg)
ROLL YOUR OWN
We as artistssteal shit.
![Page 99: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/99.jpg)
ROLL YOUR OWN
To truly be GREAT…
![Page 100: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/100.jpg)
ROLL YOUR OWN
Take what you learned…
![Page 101: STEAL THIS! A Practical Guide to Web Design and Development](https://reader033.vdocuments.net/reader033/viewer/2022061105/53f8ec488d7f7253318b4963/html5/thumbnails/101.jpg)
ROLL YOUR OWN
Roll your own!