web standards for web and graphic designers
DESCRIPTION
TRANSCRIPT
![Page 1: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/1.jpg)
CSS & Standerz 4 Grafix Dezinerz
Doin’ et the LOLcatz way
![Page 2: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/2.jpg)
Baaaad KittehBaaaad Kitteh
![Page 3: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/3.jpg)
Let me tell u intertoobz, we can haz dezine skillz already!
![Page 4: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/4.jpg)
F’rinstance. We mak many pitchers, at diffrint opasity. C?
CSS? We dont need no stinkin’ CSS!
![Page 5: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/5.jpg)
![Page 6: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/6.jpg)
![Page 7: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/7.jpg)
![Page 8: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/8.jpg)
![Page 9: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/9.jpg)
1994Hawt Design!
![Page 11: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/11.jpg)
Coke is it. Font is not.
![Page 12: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/12.jpg)
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>
![Page 15: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/15.jpg)
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
![Page 16: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/16.jpg)
I am in yer box model, checkin’out yer code.
![Page 17: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/17.jpg)
![Page 18: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/18.jpg)
What are CSS standards?
“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.”
http://meyerweb.com/eric/thoughts/2008/05/06/line-height-abnormal/
![Page 19: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/19.jpg)
![Page 20: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/20.jpg)
![Page 21: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/21.jpg)
![Page 22: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/22.jpg)
![Page 23: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/23.jpg)
![Page 25: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/25.jpg)
![Page 26: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/26.jpg)
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
![Page 27: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/27.jpg)
CSS Showcases
• Stylegala• CSS Mania• CSS Heaven• Menu Showcase• Elements Showcase• CSS Drive• CSS Beauty• Best CSS Design of 2007• 50 Excellent Web Designs• Table ZenGarden
![Page 28: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/28.jpg)
CSS Evangelists / Designers
• Veerle• Douglas Bowman's Stop
Design• Andy Clarke• 456 Berea St. • Khoi Vin, Design Director
for NYT• Stu Nichols’ CSS Play• Ask the CSS Guy
• Position is Everything (this *was* probably the ugliest CSS site in the known universe)
• Eric Meyers’s CSS/Edge• Andy Rutlege• Blue Flavor• Vacant Canvas• Rob Goodlatte• Ruthsarian
![Page 29: Web Standards for Web and Graphic Designers](https://reader033.vdocuments.net/reader033/viewer/2022061300/54c717494a7959040e8b45b7/html5/thumbnails/29.jpg)
Random & Varied
• The world’s highest Web site• Yslow• Yahoo!’s YUI Grids page• 53 CSS Techniques you can't live without• CSS Reboot Project• Holy CSS, Zeldman (Resources)• Reset Reloaded• Resizeable Images with CSS• Veerle’s / Duoh’s links for CSS newbs