design is in the big picture (& teensy tiny details)
DESCRIPTION
TRANSCRIPT
![Page 1: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/1.jpg)
NIKI BROWN
Friday, July 23, 2010
![Page 2: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/2.jpg)
NIKI BROWN
Friday, July 23, 2010
![Page 3: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/3.jpg)
Friday, July 23, 2010
![Page 4: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/4.jpg)
TOPICS• Color
• Typography
• Visual Hierarchy
• Grid Systems
Friday, July 23, 2010
![Page 5: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/5.jpg)
PLAID MANIA!!1one
Friday, July 23, 2010
![Page 6: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/6.jpg)
PLAID MANIA!!1one
Friday, July 23, 2010
![Page 7: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/7.jpg)
COLOR• Color Meaning & Psychology
• Color Schemes & Selecting Colors
• Super Awesome Helpful Tools
Friday, July 23, 2010
![Page 8: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/8.jpg)
COLOR PSYCHOLOGY& MEANING
Friday, July 23, 2010
![Page 9: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/9.jpg)
COLOR RESEARCH& YOUR AUDIENCE
• Green vs Green
Friday, July 23, 2010
![Page 10: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/10.jpg)
COLOR RESEARCH& YOUR AUDIENCE
Friday, July 23, 2010
![Page 11: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/11.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 12: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/12.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 13: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/13.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 14: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/14.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 15: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/15.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 16: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/16.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 17: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/17.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 18: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/18.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 19: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/19.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 20: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/20.jpg)
COLOR SCHEMES• Monochromatic
• Achromatic
• Complimentary
• Analogous
• Split Complementary
Friday, July 23, 2010
![Page 21: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/21.jpg)
SELECTING COLORS• Select Base Color
• Pick Color Scheme
• Add Muted Tones
• Select Text Color
• Transparency
div { background-color:
rgba(0,144,156,.7); }
Friday, July 23, 2010
![Page 22: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/22.jpg)
SELECTING COLORS• Select Base Color
• Pick Color Scheme
• Add Muted Tones
• Select Text Color
• Transparency
div { background-color:
rgba(0,144,156,.7); }
Friday, July 23, 2010
![Page 23: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/23.jpg)
SELECTING COLORS• Select Base Color
• Pick Color Scheme
• Add Muted Tones
• Select Text Color
• Transparency
div { background-color:
rgba(0,144,156,.7); }
Friday, July 23, 2010
![Page 24: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/24.jpg)
SELECTING COLORS• Select Base Color
• Pick Color Scheme
• Add Muted Tones
• Select Text Color
• Transparency
div { background-color:
rgba(0,144,156,.7); }
Friday, July 23, 2010
![Page 25: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/25.jpg)
SELECTING COLORS• Select Base Color
• Pick Color Scheme
• Add Muted Tones
• Select Text Color
• Transparency
div { background-color:
rgba(0,144,156,.7); }
Friday, July 23, 2010
![Page 26: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/26.jpg)
SELECTING COLORS• Select Base Color
• Pick Color Scheme
• Add Muted Tones
• Select Text Color
• Transparency
div { background-color:
rgba(0,144,156,.7); }
Friday, July 23, 2010
![Page 27: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/27.jpg)
SUPER AWESOME HELPFUL TOOLSKuler.Adobe.com
Friday, July 23, 2010
![Page 28: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/28.jpg)
Pictaculous.com
SUPER AWESOME HELPFUL TOOLS
Friday, July 23, 2010
![Page 29: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/29.jpg)
Colorlovers.com
SUPER AWESOME HELPFUL TOOLS
Friday, July 23, 2010
![Page 30: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/30.jpg)
Friday, July 23, 2010
![Page 31: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/31.jpg)
TWEAKING COLOR• Change colors to match my plaid shirt
• Adjust main content area for more contrast
• Change sale button color
• Add a tint to the page background
Friday, July 23, 2010
![Page 32: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/32.jpg)
Friday, July 23, 2010
![Page 33: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/33.jpg)
TYPOGRAPHY• Choosing Typefaces
• Sizing
• Line Length
• Leading (Line-Height)
• Color (Again!)
Friday, July 23, 2010
![Page 34: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/34.jpg)
THIS GUY KNOWSTYPOGRAPHY
“ Typography is a craft by which the meanings
of text (or its absence of meaning) can be
clarified, honored and shared...”
Friday, July 23, 2010
![Page 35: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/35.jpg)
CHOOSING TYPEFACES
• Read your content first!!!
• Typefaces have character & personality
• Awesome, Awesome, Awesome
• Pair typefaces that are visually different
• It’s an art - not science - Experiment
• @font-face, Fontspring, Typekit, Type Deck, Google Fonts
Friday, July 23, 2010
![Page 36: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/36.jpg)
Keep it simple stupid!
Friday, July 23, 2010
![Page 37: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/37.jpg)
Friday, July 23, 2010
![Page 38: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/38.jpg)
Friday, July 23, 2010
![Page 39: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/39.jpg)
SIZING TYPE
• Relative to your readers and typeface
• When in doubt make it bigger
• Readability and contrast
• Verdana vs Georgia vs Times• PX vs EMs vs %
• Internet Exploder (6&7) can’t resize text in PX
Friday, July 23, 2010
![Page 40: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/40.jpg)
Friday, July 23, 2010
![Page 41: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/41.jpg)
LINE LENGTH
• “Choose a comfortable measure” - Bringhurst
• 1 column 45-75 characters (12 words)
• Multi-column 40-50 characters
• Control line length (sorta)
div#mainContent { width:516px; }
Friday, July 23, 2010
![Page 42: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/42.jpg)
Friday, July 23, 2010
![Page 43: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/43.jpg)
LEADING (LINE-HEIGHT)
• Leading lets your text breathe
This text is very hard to read because its so crammed together that I can’t really stand it can you? Really? Be honest!
• Longer Lines = More Leading, Shorter = Less
• Set PX, EMs or %
p { line-height:1.5em; }
Friday, July 23, 2010
![Page 44: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/44.jpg)
Friday, July 23, 2010
![Page 45: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/45.jpg)
TYPE & COLOR
• Contrast, contrast, contrast!!!
• Avoid setting intense colors on inte
• Dark on light, light on dark
Friday, July 23, 2010
![Page 46: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/46.jpg)
Friday, July 23, 2010
![Page 47: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/47.jpg)
Friday, July 23, 2010
![Page 48: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/48.jpg)
TWEAKING TYPE
• Change typefaces
• Tweak sizes
• Increase Contrast
Friday, July 23, 2010
![Page 49: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/49.jpg)
Friday, July 23, 2010
![Page 50: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/50.jpg)
VISUAL HIERARCHY• Visual Hierarchy helps users process
information. It defines importance, direction and order.
• Size
• Color
• Placement
• Whitespace
Friday, July 23, 2010
![Page 51: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/51.jpg)
Friday, July 23, 2010
![Page 52: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/52.jpg)
Friday, July 23, 2010
![Page 53: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/53.jpg)
Friday, July 23, 2010
![Page 54: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/54.jpg)
Friday, July 23, 2010
![Page 55: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/55.jpg)
TWEAKING VISUAL HIEARCHY
• Make the logo BIGGER!
• Change colors of add to cart buttons to stand
out more
• make sale button bigger
• Add more contrast to New Items
Friday, July 23, 2010
![Page 56: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/56.jpg)
Friday, July 23, 2010
![Page 57: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/57.jpg)
GOOD OLD GRIDS“ The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the grid; it is an art that requires practice.”
-Josef Müller-Brockmann
Friday, July 23, 2010
![Page 58: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/58.jpg)
GETTIN’ GRIDDY• Grids are limiting. LIES, I tell you LIES!!!
• Constraints can force creativity
•Grids allow you to “plug in” text and graphics without having to stop and rethink your basic design approach on each new page
Friday, July 23, 2010
![Page 59: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/59.jpg)
TYPES OF GRIDS• Manuscript, Column Grid, Modular, Hierarchal
• Let your content dictate your grid
Friday, July 23, 2010
![Page 60: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/60.jpg)
TYPES OF GRIDS• Manuscript, Column Grid, Modular, Hierarchal
• Let your content dictate your grid
Friday, July 23, 2010
![Page 61: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/61.jpg)
TYPES OF GRIDS• Manuscript, Column Grid, Modular, Hierarchal
• Let your content dictate your grid
Friday, July 23, 2010
![Page 62: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/62.jpg)
TYPES OF GRIDS• Manuscript, Column Grid, Modular, Hierarchal
• Let your content dictate your grid
Friday, July 23, 2010
![Page 63: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/63.jpg)
TYPES OF GRIDS• Manuscript, Column Grid, Modular, Hierarchal
• Let your content dictate your grid
Friday, July 23, 2010
![Page 64: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/64.jpg)
GETTIN’ GRIDDY• Content best fits a hierarchical grid
• Align elements using 960 grid system
• Main content is 2x width of sidebar
•Gutters are all same size
•Bonus alignment of a baseline grid
•Break the grid to grab attention
Friday, July 23, 2010
![Page 65: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/65.jpg)
Friday, July 23, 2010
![Page 66: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/66.jpg)
Friday, July 23, 2010
![Page 67: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/67.jpg)
Friday, July 23, 2010
![Page 68: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/68.jpg)
Friday, July 23, 2010
![Page 69: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/69.jpg)
Friday, July 23, 2010
![Page 70: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/70.jpg)
Friday, July 23, 2010
![Page 71: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/71.jpg)
Friday, July 23, 2010
![Page 72: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/72.jpg)
Friday, July 23, 2010
![Page 73: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/73.jpg)
QUESTIONS?
Friday, July 23, 2010
![Page 74: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/74.jpg)
QUESTIONS?
? ??
? ??
?
?
? ??
?
?
?
Friday, July 23, 2010
![Page 75: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/75.jpg)
THANK YOU!
NikiBrown.com
Twitter.com/nikibrown
Dribbble.com/players/nikibrown
STALK ME ON THE INTERTUBWEBZ:
Friday, July 23, 2010
![Page 76: Design is in the BIG PICTURE (& teensy tiny details)](https://reader038.vdocument.in/reader038/viewer/2022102804/54b48b024a7959bb688b4639/html5/thumbnails/76.jpg)
THANK YOU!
NikiBrown.com
Twitter.com/nikibrown
Dribbble.com/players/nikibrown
STALK ME ON THE INTERTUBWEBZ:
Friday, July 23, 2010