Web Standards for Web and Graphic Designers

1,386 views

Published on

Published in: Design
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,386
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
12
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide
  • bad kitteh next
  • Web Standards for Web and Graphic Designers

    1. 1. CSS & Standerz 4 Grafix Dezinerz Doin’ et the LOLcatz way
    2. 2. Baaaad Kitteh
    3. 3. Let me tell u intertoobz, we can haz dezine skillz already!
    4. 4. F’rinstance. We mak many pitchers, at diffrint opasity. C? CSS? We dont need no stinkin’ CSS!
    5. 9. 1994 Hawt Design!
    6. 10. Drive Intert00bz 96
    7. 11. Coke is it. Font is not.
    8. 12. At the end of ’96, it Sucked. <tt> <p>One of the strange-but-truisms of <p>minor peddling is that using <p>computer and other Fetish fodder <p>somehow empowers childre – plug <p>in, log on, attend a good <p>college on full scholarship, and <p> get the hell out of the house. </tt>
    9. 13. ‘ pologize for et. Ulead and Adobe Imagestyler made me do et.
    10. 14. Then came Budd. Uglly, that is
    11. 15. Invariably, most of these designs relied on table-based layouts. Which meant that presentation – the style or design of the page – was bound up with the content (words, images, video, etc.) But then came the box model - divs
    12. 16. I am in yer box model, checkin’ out yer code.
    13. 18. What are CSS standards? <ul><li>“ The W3C invented Cascading Style Sheets (CSS) in 1996 to increase the presentational sophistication and the accessibility of websites, and to eliminate the browser-specific markup that threatened to fragment the emerging web. …Today … there is every reason to use CSS to remove invalid markup from your sites, separate style from content, lighten the bandwidth of your pages, and increase the odds that people and devices will actually be able to access the sites you create.” </li></ul><ul><li>http://meyerweb.com/eric/thoughts/2008/05/06/line-height-abnormal/ </li></ul>
    14. 24. CSS Zen Garden Selling CSS to Designers
    15. 26. WHY TABLE-BASED DESIGNS SHOULD BE CONSIGNED TO THE DUSTBIN OF HISTORY Why Designing with Tables is Stupid CSS Live -- watch CSS come alive Design Rant To Hell With Bad Browsers The Business Value of Web Standards The benefits of Web Standards A Web Standards Primer
    16. 27. CSS Showcases <ul><li>Stylegala </li></ul><ul><li>CSS Mania </li></ul><ul><li>CSS Heaven </li></ul><ul><li>Menu Showcase </li></ul><ul><li>Elements Showcase </li></ul><ul><li>CSS Drive </li></ul><ul><li>CSS Beauty </li></ul><ul><li>Best CSS Design of 2007 </li></ul><ul><li>50 Excellent Web Designs </li></ul><ul><li>Table ZenGarden </li></ul>
    17. 28. CSS Evangelists / Designers <ul><li>Veerle </li></ul><ul><li>Douglas Bowman's Stop Design </li></ul><ul><li>Andy Clarke </li></ul><ul><li>456 Berea St. </li></ul><ul><li>Khoi Vin , Design Director for NYT </li></ul><ul><li>Stu Nichols’ CSS Play </li></ul><ul><li>Ask the CSS Guy </li></ul><ul><li>Position is Everything (this *was* probably the ugliest CSS site in the known universe) </li></ul><ul><li>Eric Meyers’s CSS/Edge </li></ul><ul><li>Andy Rutlege </li></ul><ul><li>Blue Flavor </li></ul><ul><li>Vacant Canvas </li></ul><ul><li>Rob Goodlatte </li></ul><ul><li>Ruthsarian </li></ul>
    18. 29. Random & Varied <ul><li>The world’s highest Web site </li></ul><ul><li>Yslow </li></ul><ul><li>Yahoo!’s YUI Grids page </li></ul><ul><li>53 CSS Techniques you can't live without </li></ul><ul><li>CSS Reboot Project </li></ul><ul><li>Holy CSS, Zeldman (Resources) </li></ul><ul><li>Reset Reloaded </li></ul><ul><li>Resizeable Images with CSS </li></ul><ul><li>Veerle’s / Duoh’s links for CSS newbs </li></ul>

    ×