{"id":1033,"date":"2010-04-06T10:47:40","date_gmt":"2010-04-06T14:47:40","guid":{"rendered":"http:\/\/www.useragentman.com\/blog\/?p=1033"},"modified":"2011-02-28T19:33:35","modified_gmt":"2011-02-28T23:33:35","slug":"css3-please-another-great-cross-browser-css3-solution","status":"publish","type":"post","link":"http:\/\/www.useragentman.com\/blog\/2010\/04\/06\/css3-please-another-great-cross-browser-css3-solution\/","title":{"rendered":"CSS3 Please &#8211; Another Great Cross Browser CSS3 Solution."},"content":{"rendered":"<p><div id=\"attachment_1035\" style=\"width: 267px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.useragentman.com\/blog\/wp-content\/uploads\/2010\/04\/css3please.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1035\" class=\"size-full wp-image-1035\" title=\"css3please\" src=\"https:\/\/www.useragentman.com\/blog\/wp-content\/uploads\/2010\/04\/css3please.png\" alt=\"\" width=\"257\" height=\"272\" \/><\/a><p id=\"caption-attachment-1035\" class=\"wp-caption-text\">Screenshot of the CSS3 Please editor.<\/p><\/div><\/p>\n<p>Although I have been doing a lot of work on <a href=\"..\/csssandpaper-a-css3-javascript-library\/\">cssSandpaper<\/a> lately (<a href=\"..\/2010\/04\/05\/cross-browser-animated-css-transforms-even-in-ie\/\">JavaScript  API for cross browser CSS3 animation<\/a> anyone?), I have also spent a  little time on an equally worthwhile project <a href=\"http:\/\/www.css3please.com\/\">CSS3  Please<\/a>. While cssSandpaper tries to give developers an all-in-one interface in which to do transforms, gradients and other nifty effects via simple CSS and JavaScript, CSS3 Please gives developers the opportunity to fill in the blanks of a stylesheet and see how CSS3 properties can be coded without the aid of JavaScript so that they work across the browsers that support it (look at the gradient section to see how different the implementations can be).  It also shows how developers can use Microsoft&#8217;s proprietary filter technology to emulate many of the current CSS3 properties (even if the newer CSS3 properties is folded into IE9 along with HTML5, it may be a bit of time before we see it achieve critical mass).  Take a look at the rotate section (the part I worked on), and you&#8217;ll see how very different the filter syntax is from the standard CSS3 declarations.<\/p>\n<p>What tool you want to use depends on what your needs are.\u00a0 Choice is good, and I thank <a href=\"http:\/\/paulirish.com\/\">Paul<\/a> and <a href=\"http:\/\/twitter.com\/jon_neal\">Jonathan<\/a> for letting me be part of it.<\/p>\n<p><a class=\"exampleLink\" href=\"http:\/\/www.css3please.com\">Check out the official CSS3 Please website.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Although I have been doing a lot of work on cssSandpaper  lately (JavaScript API for cross browser CSS3 animation anyone?), I have also spent a little time on an equally worthwhile project CSS3 Please.  While cssSandpaper tries to give developers an all-in-one interface in which to do transforms, gradients and other nifty effects via simple CSS and JavaScript, CSS3 Please gives developers the opportunity to fill in the blanks of a stylesheet and see how CSS3 properties can be coded without the aid of JavaScript so that they work across the browsers that support it.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9,38],"tags":[221,47,44,46],"class_list":["post-1033","post","type-post","status-publish","format-standard","hentry","category-css","category-css3","tag-css3","tag-gradient","tag-ie-filters","tag-rotation"],"_links":{"self":[{"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/posts\/1033","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/comments?post=1033"}],"version-history":[{"count":10,"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/posts\/1033\/revisions"}],"predecessor-version":[{"id":2525,"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/posts\/1033\/revisions\/2525"}],"wp:attachment":[{"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/media?parent=1033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/categories?post=1033"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.useragentman.com\/blog\/wp-json\/wp\/v2\/tags?post=1033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}