{"id":7166,"date":"2012-05-15T13:37:44","date_gmt":"2012-05-15T21:37:44","guid":{"rendered":"http:\/\/www.perivision.net\/wordpress\/?p=7166"},"modified":"2012-05-15T15:14:14","modified_gmt":"2012-05-15T23:14:14","slug":"creatingartfromcode","status":"publish","type":"post","link":"https:\/\/www.perivision.net\/wordpress\/2012\/05\/creatingartfromcode\/","title":{"rendered":"Web Typography: Creating &#8220;Art from Code&#8221;"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\" alignright\" style=\"margin-left: 20px\" src=\"https:\/\/www.perivision.net\/wordpress\/wp-content\/uploads\/2012\/05\/cascadesfevent.png\" alt=\"Create Stunning CSS3 Typography by Typekit and CASCADE SF\" width=\"380\" height=\"220\" \/><\/p>\n<p><strong>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.<\/strong><\/p>\n<p>The Web is about content&#8211;finding it, delivering it, exploring it, and experiencing growth and possibility within it. What&#8217;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.<\/p>\n<p>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.<\/p>\n<p>Fast-forward 15 years: Designers now have the ability to utilize 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.<\/p>\n<p><strong>&#8220;We are in a time like no other. Through the use of CSS3 we are able to make art from code,&#8221; said<a href=\"http:\/\/tantek.com\/\" target=\"_blank\"> Tantek \u00c7elik<\/a>, Web Standards Lead at Mozilla and representative to W3C HTML and CSS Working Groups, at CASCADE SF\u2019s HTML5 presentation, on July 2010.<\/strong><\/p>\n<p><a href=\"http:\/\/cascadesfworkshop.eventbrite.com\/\">Want to make the Web more beautiful? Learn how-to Saturday, May 19th at Adobe HQ in San Francisco, CA.<\/a><\/p>\n<p>This Saturday, May 19th, 2012 at <a href=\"http:\/\/www.twitter.com\/adobe\">Adobe HQ<\/a>, <a title=\"https:\/\/twitter.com\/#!\/smcbride\" href=\"http:\/\/www.twitter.com\" target=\"_blank\">Sean McBride<\/a>, Engineer and Developer at <a href=\"https:\/\/twitter.com\/#!\/typekit\" target=\"_blank\">Typekit<\/a> 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&#8217;s talk at this year&#8217;s SXSW Interactive was highly recommended by developers who attended, and we anticipate a similarly enthusiastic turnout&#8211;sign up today.<\/p>\n<p><a href=\"http:\/\/cascadesfworkshop.eventbrite.com\/\">http:\/\/cascadesfworkshop.eventbrite.com\/<br \/>\n<\/a><\/p>\n<div style=\"padding-top: 5px;margin-top: 5px;padding-bottom: 5px;margin-bottom: 5px;border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;clear: both\">\n<p><img loading=\"lazy\" decoding=\"async\" style=\"margin-top: 10px;margin-right: 20px;margin-bottom:20px;padding-bottom: 40px;margin-left: 0px;float: left\" src=\"https:\/\/www.perivision.net\/wordpress\/wp-content\/uploads\/2012\/05\/cascadesf-150x150.png\" alt=\"CASCADE SF, San Francisco's CSS3 Organization\" width=\"150\" height=\"150\" \/><\/p>\n<h4 style=\"margin-top: 0px;padding-top: 0px\">CASCADE SF: San Francisco\u2019s Web Design &amp; CSS3 Organization<\/h4>\n<p>Founded in 2009, by<a href=\"http:\/\/www.twitter.com\/andigalpern\"> Andi Galpern<\/a>, web designer and technology events organizer, <a href=\"http:\/\/www.cascadesf.com\" target=\"_blank\">CASCADE SF,<\/a><a href=\"http:\/\/www.twitter.com\/cascadesf\"> @cascadesf<\/a>, promotes quality and innovation to teach latest tips and tricks from the top minds in the web industry.<\/p>\n<p><a href=\"http:\/\/www.twitter.com\/andigalpern\" target=\"_blank\">Andi Galpern<\/a> also recently launched \u201c<a href=\"http:\/\/www.twitter.com\/designbizsf\" target=\"_blank\">The Design Business<\/a>\u201d dedicated to teach designers how to think like entrepreneurs and communicate more effectively with teams.<\/p>\n<\/div>\n<p><strong><a href=\"https:\/\/www.perivision.net\/wordpress\/wp-content\/uploads\/2012\/05\/adobetypekitlogo.png\" rel=\"http:\/\/www.typekit.com\"><img loading=\"lazy\" decoding=\"async\" style=\"margin-right: 20px;border-style: initial;border-color: initial\" src=\"https:\/\/www.perivision.net\/wordpress\/wp-content\/uploads\/2012\/05\/adobetypekitlogo.png\" alt=\"\" width=\"145\" height=\"40\" \/><\/a><\/strong><\/p>\n<h4>Typekit: The easiest way to add real fonts to your website.<\/h4>\n<p>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\u2014such as WordPress, TypePad, and Posterous\u2014so that anyone with a website can use real fonts.<\/p>\n<div class=\"SPOSTARBUST-Related-Posts\"><H3>Related Posts<\/H3><ul class=\"entry-meta\"><li class=\"SPOSTARBUST-Related-Post\"><a title=\"HTML5, CSS3, UX\/UI and Mobile Design; oh my!\" href=\"https:\/\/www.perivision.net\/wordpress\/2012\/07\/html5-css3-uxui-and-mobile-design-oh-my\/\" rel=\"bookmark\">HTML5, CSS3, UX\/UI and Mobile Design; oh my!<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"Epic driving on the Streets of San Francisco from DC SHOES: KEN BLOCK&#8217;S GYMKHANA FIVE\" href=\"https:\/\/www.perivision.net\/wordpress\/2012\/07\/epic-driving-of-the-streets-of-san-francisco-from-dc-shoes-ken-blocks-gymkhana-five\/\" rel=\"bookmark\">Epic driving on the Streets of San Francisco from DC SHOES: KEN BLOCK&#8217;S GYMKHANA FIVE<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"Opera 12 releases with WebGL support, webcam APIs, &#038; more!\" href=\"https:\/\/www.perivision.net\/wordpress\/2012\/06\/opera-12\/\" rel=\"bookmark\">Opera 12 releases with WebGL support, webcam APIs, &#038; more!<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"Need music for your event or party?  Try turntable.fm\" href=\"https:\/\/www.perivision.net\/wordpress\/2011\/07\/need-music-for-your-event-or-party-try-turntable-fm\/\" rel=\"bookmark\">Need music for your event or party?  Try turntable.fm<\/a><\/li>\n<li class=\"SPOSTARBUST-Related-Post\"><a title=\"TechCrunch changes its design, Uffda\" href=\"https:\/\/www.perivision.net\/wordpress\/2011\/07\/techcrunch-changes-its-design-uffda\/\" rel=\"bookmark\">TechCrunch changes its design, Uffda<\/a><\/li>\n<\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>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. The Web is about content&#8211;finding it, delivering it, exploring it, and experiencing growth and possibility within it. What&#8217;s the fun of using a site that takes forever to load and is&hellip; <a class=\"read-more\" href=\"https:\/\/www.perivision.net\/wordpress\/2012\/05\/creatingartfromcode\/\">Read More<\/a><\/p>\n","protected":false},"author":131,"featured_media":7167,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1449,134],"tags":[260,1669,1666,1671,1376,1673,1672,1668,1670,1361,1667],"class_list":["post-7166","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-event","category-social-media","tag-adobe","tag-andi-galpern","tag-cascade-sf","tag-css3","tag-events","tag-organizations","tag-san-francisco","tag-typekit","tag-typography","tag-web-design","tag-web-typography"],"jetpack_featured_media_url":"https:\/\/www.perivision.net\/wordpress\/wp-content\/uploads\/2012\/05\/cascadesfevent.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pjzQD-1RA","_links":{"self":[{"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/posts\/7166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/users\/131"}],"replies":[{"embeddable":true,"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/comments?post=7166"}],"version-history":[{"count":13,"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/posts\/7166\/revisions"}],"predecessor-version":[{"id":7179,"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/posts\/7166\/revisions\/7179"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/media\/7167"}],"wp:attachment":[{"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/media?parent=7166"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/categories?post=7166"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.perivision.net\/wordpress\/wp-json\/wp\/v2\/tags?post=7166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}