Web typography: create “art from code”

Thanks to CSS3 web design techniques and font-foundries, the ability to create gorgeous typography and beautiful design for browsers, is more accessible than ever.

[aditude-amp id="flyingcarpet" targeting='{"env":"staging","page_type":"article","post_id":442929,"post_type":"sponsored","post_chan":"sponsored","tags":null,"ai":false,"category":"none","all_categories":"business,dev,","session":"D"}']

The web is about content — finding it, delivering it, exploring it, and experiencing growth and possibility within it. What’s the fun of using a site that takes forever to load and is difficult to read? A poorly designed product can be the single deciding factor for whether a user stays on your page or makes a dishearteningly rapid exit. Fortunately, with the use of new code, integrating gorgeous design and Web typography into various browsers is easier than ever.

Since 1996 when CSS1 was first enacted, the Web has seen historical changes. Initially, there were only 9 fonts browsers read by default. The focus was mostly on legibility and monitor-only interactive readability.

Fast-forward 15 years: Designers now have the ability to use a multitude of typefaces from various font foundries to make the Web a more beautiful place. Comic Sans can, for instance, have embossed effects and gradients. Pages load faster, and the Internet is more beautiful, more interactive, and (most importantly) more readable.

“We are in a time like no other. Through the use of CSS3 we are able to make art from code,” said Tantek Çelik, Web Standards Lead at Mozilla and representative to W3C HTML and CSS Working Groups, at CASCADE SF’s HTML5 presentation, on July 2010.

Want to make the Web more beautiful? Learn how-to Saturday, May 19th at Adobe HQ in San Francisco, CA.

This Saturday, May 19th, 2012 at Adobe HQ, Sean McBride, Engineer and Developer at Typekit will teach San Francisco how to create gorgeous web typographic posters, magazines, and effects using CSS3 text shadows, transitions, outlines, text-gradients, and a host of other need-to-knows. McBride’s talk at this year’s SXSW Interactive was highly recommended by developers who attended, and we anticipate a similarly enthusiastic turnout.

Sign up today.

CASCADE SF: San Francisco’s Web Design & CSS3 Organization

[aditude-amp id="medium1" targeting='{"env":"staging","page_type":"article","post_id":442929,"post_type":"sponsored","post_chan":"sponsored","tags":null,"ai":false,"category":"none","all_categories":"business,dev,","session":"D"}']

Founded in 2009, by Andi Galpern, web designer and technology events organizer, CASCADE SF, @cascadesf, promotes quality and innovation to teach latest tips and tricks from the top minds in the web industry.

Andi Galpern also recently launched “The Design Business“ dedicated to teach designers how to think like entrepreneurs and communicate more effectively with teams.

Typekit: The easiest way to add real fonts to your website.

Built around web standards, Typekit gives designers and developers a subscription-based library of hosted, high-quality fonts to use on their websites. They have over 250,000 customers including some of the largest sites on the web today: The New York Times, Conde Nast, IGN, Twitter, and many others. It is also actively integrating Typekit into hosted platforms such as WordPress, TypePad, and Posterous so that anyone with a website can use real fonts.

[aditude-amp id="medium2" targeting='{"env":"staging","page_type":"article","post_id":442929,"post_type":"sponsored","post_chan":"sponsored","tags":null,"ai":false,"category":"none","all_categories":"business,dev,","session":"D"}']