29
CSS & Standerz 4 Grafix Dezinerz Doin’ et the LOLcatz way

Web Standards for Web and Graphic Designers

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Web Standards for Web and Graphic Designers

CSS & Standerz 4 Grafix Dezinerz

Doin’ et the LOLcatz way

Page 3: Web Standards for Web and Graphic Designers

Let me tell u intertoobz, we can haz dezine skillz already!

Page 4: Web Standards for Web and Graphic Designers

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
Page 6: Web Standards for Web and Graphic Designers
Page 7: Web Standards for Web and Graphic Designers
Page 8: Web Standards for Web and Graphic Designers
Page 9: Web Standards for Web and Graphic Designers

1994Hawt Design!

Page 11: Web Standards for Web and Graphic Designers

Coke is it. Font is not.

Page 12: Web Standards for Web and Graphic Designers

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 13: Web Standards for Web and Graphic Designers

‘pologize for et.Ulead and Adobe Imagestyler made me do et.

Page 14: Web Standards for Web and Graphic Designers

Then came Budd. Uglly, that is

Page 15: Web Standards for Web and Graphic Designers

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

I am in yer box model, checkin’out yer code.

Page 17: Web Standards for Web and Graphic Designers
Page 18: Web Standards for Web and Graphic Designers

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
Page 20: Web Standards for Web and Graphic Designers
Page 21: Web Standards for Web and Graphic Designers
Page 22: Web Standards for Web and Graphic Designers
Page 23: Web Standards for Web and Graphic Designers
Page 24: Web Standards for Web and Graphic Designers

CSS Zen GardenSelling CSS to Designers

Page 26: Web Standards for Web and Graphic Designers

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

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

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