{"id":38,"date":"2012-09-12T22:46:38","date_gmt":"2012-09-13T05:46:38","guid":{"rendered":"http:\/\/courses.haigarmen.com\/isma309\/?p=38"},"modified":"2013-01-08T00:06:24","modified_gmt":"2013-01-08T08:06:24","slug":"intro-to-css3","status":"publish","type":"post","link":"https:\/\/courses.haigarmen.com\/isma309\/intro-to-css3\/","title":{"rendered":"Introduction to CSS3"},"content":{"rendered":"<p>For our first foray into the new version of CSS we&#8217;ll read an article about the exciting new features of CSS3 and also follow some simple tutorial exercises that help us see some of the immediate benefits. Trent Walton&#8217;s article does a great job of describing the following improvements to CSS:<\/p>\n<ul>\n<li>CSS3 Transitions<\/li>\n<li>Background Clip<\/li>\n<li>CSS Transforms<\/li>\n<li>Box Shadow<\/li>\n<li>RGBa<\/li>\n<li>CSS3 Animations<\/li>\n<\/ul>\n<p>Please read:<br \/>\nTrent Walton&#8217;s <a href='http:\/\/courses.haigarmen.com\/isma309\/files\/2012\/09\/connecting-the-dots.pdf'>Connecting The Dots<\/a><\/p>\n<p>We went through <a href=\"http:\/\/courses.haigarmen.com\/isma309\/example-1-css3-transitions\/\" title=\"Example 1: CSS3 Transitions\">Exercise 1<\/a> (Pg.2) in class and now it&#8217;s your turn to go through Exercises 2-4 on your own time before next class.<\/p>\n<p>You&#8217;ll need the following files:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/courses.haigarmen.com\/isma309\/files\/2012\/09\/clipped_image.png\" alt=\"clipped_image\" width=\"500\" height=\"500\" class=\"alignnone size-full wp-image-141\" srcset=\"https:\/\/courses.haigarmen.com\/isma309\/files\/2012\/09\/clipped_image.png 500w, https:\/\/courses.haigarmen.com\/isma309\/files\/2012\/09\/clipped_image-150x150.png 150w, https:\/\/courses.haigarmen.com\/isma309\/files\/2012\/09\/clipped_image-300x300.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p><a href=\"http:\/\/courses.haigarmen.com\/isma309\/files\/2012\/09\/images.zip\">images<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>For our first foray into the new version of CSS we&#8217;ll read an article about the exciting new features of CSS3 and also follow some simple tutorial exercises that help us see some of the immediate benefits. Trent Walton&#8217;s article does a great job of describing the following improvements to CSS: CSS3 Transitions Background Clip [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-38","post","type-post","status-publish","format-standard","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts\/38","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/comments?post=38"}],"version-history":[{"count":8,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts\/38\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/posts\/38\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/media?parent=38"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/categories?post=38"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/courses.haigarmen.com\/isma309\/wp-json\/wp\/v2\/tags?post=38"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}