{"id":1510,"date":"2012-03-13T09:00:12","date_gmt":"2012-03-13T16:00:12","guid":{"rendered":"http:\/\/www.techory.com\/blog\/?p=1510"},"modified":"2012-03-13T09:49:58","modified_gmt":"2012-03-13T16:49:58","slug":"lie-to-me-css3-demystified-by-haakon-wium-lie","status":"publish","type":"post","link":"https:\/\/www.techory.com\/blog\/lie-to-me-css3-demystified-by-haakon-wium-lie\/","title":{"rendered":"Lie to Me: CSS3 Demystified by Haakon Wium Lie"},"content":{"rendered":"<p><strong>Tuesday, March 13 &#8211; 11:00AM -12:00PM<br \/><\/strong><span class=\"pres_name\">H\u00e5kon Wium Lie<\/span> <span class=\"pres_title\">CTO<\/span> <span class=\"pres_company\">Opera Software<\/span><\/p>\n<p><strong>CSS Timeline<\/strong><\/p>\n<ul>\n<li>1994 &#8211; Cascading HTML style sheets<\/li>\n<li>1996 CSS1<\/li>\n<li>1998 CSS2<\/li>\n<li>2012 CSS3 Where is it??<\/li>\n<\/ul>\n<p>HTML has a simple structure, universal semantics, media-independent. It doesn&#8217;t have any presentation until the image tag arrived. Somehow the image tag took away the true text. The answer to this was CSS. <\/p>\n<p><strong>CSS3<\/strong><\/p>\n<ul>\n<li>border-radius<\/li>\n<li>box-shadow<\/li>\n<\/ul>\n<p>Example: The menu on Apple.com is currently done with images &#8211; it could be done fully in CSS3. The problem is (and probably the reason Apple has not done it with CSS3) older browsers do not support this.<\/p>\n<ul>\n<li>@font-face (this has existed since CSS2)<\/li>\n<\/ul>\n<p><strong>CSS3 Transitions<\/strong><\/p>\n<ul>\n<li>transition: 1s; transform: rotate(-360deg);<\/li>\n<\/ul>\n<p><strong>Testing<\/strong><\/p>\n<ul>\n<li>The acid 2 test was created to test browser compatibility with CSS. This put pressure on Microsoft to handle CSS correctly. In IE8, they finally did it.<\/li>\n<\/ul>\n<p><strong>Paging the Web<\/strong><\/p>\n<ul>\n<li><a href=\"http:\/\/people.opera.com\/howcome\/2011\/reader\/\">Opera Reader<\/a> takes a long web page and gets rid of the scroll. It cuts it up into pages.<\/li>\n<li>overflow: paged; is the tag that the Opera Reader recognizes.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/people.opera.com\/howcome\/\">Slides and Code Available<\/a><\/p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tuesday, March 13 &#8211; 11:00AM -12:00PMH\u00e5kon Wium Lie CTO Opera Software CSS Timeline 1994 &#8211; Cascading HTML style sheets 1996 CSS1 1998 CSS2 2012 CSS3 Where is it?? HTML has a simple structure, universal semantics, media-independent. It doesn&#8217;t have any presentation until the image tag arrived. Somehow the image tag took away the true text&#8230;.  <a class=\"excerpt-read-more\" href=\"https:\/\/www.techory.com\/blog\/lie-to-me-css3-demystified-by-haakon-wium-lie\/\" title=\"Read Lie to Me: CSS3 Demystified by Haakon Wium Lie\">Read more &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":4,"activitypub_interaction_policy_quote":"anyone","activitypub_status":"","footnotes":""},"categories":[16],"tags":[],"class_list":["post-1510","post","type-post","status-publish","format-standard","hentry","category-sxsw"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts\/1510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/comments?post=1510"}],"version-history":[{"count":1,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts\/1510\/revisions"}],"predecessor-version":[{"id":1511,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/posts\/1510\/revisions\/1511"}],"wp:attachment":[{"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/media?parent=1510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/categories?post=1510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.techory.com\/blog\/wp-json\/wp\/v2\/tags?post=1510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}