<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>AddyOsmani.com &#124; Articles for developers &#187; css</title> <atom:link href="http://addyosmani.com/blog/tag/css/feed/" rel="self" type="application/rss+xml" /><link>http://addyosmani.com/blog</link> <description>This is the home of Addy Osmani (JavaScript &#38; UI Developer, Designer &#38; Author). Here you can find some great tips and tutorials on everything to do with web development and even a few useful code samples!</description> <lastBuildDate>Mon, 30 Jan 2012 16:10:54 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.3.1</generator> <item><title>Setting Up A Build Process For JavaScript &amp; CSS Files Using Ant (Screencast)</title><link>http://addyosmani.com/blog/client-side-build-process/</link> <comments>http://addyosmani.com/blog/client-side-build-process/#comments</comments> <pubDate>Tue, 22 Mar 2011 02:16:28 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Talks]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[ant task]]></category> <category><![CDATA[build process]]></category> <category><![CDATA[build.xml]]></category> <category><![CDATA[client-side]]></category> <category><![CDATA[compress css]]></category> <category><![CDATA[compress javascript]]></category> <category><![CDATA[concatenate ant]]></category> <category><![CDATA[css]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jshint]]></category> <category><![CDATA[jslint]]></category> <category><![CDATA[minify ant]]></category> <category><![CDATA[minify css]]></category> <category><![CDATA[minify javascript]]></category> <category><![CDATA[yuicompressor]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/?p=2882</guid> <description><![CDATA[&#160; A well defined build process ensures that the output of your project is built in a consistent manner every time a new build is run. Today we&#8217;re going to take a look at how you can setup your own &#8230; <a
href="http://addyosmani.com/blog/client-side-build-process/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/client-side-build-process/feed/</wfw:commentRss> <slash:comments>30</slash:comments> </item> <item><title>Extending CSS Using jQuery With Chris Coyier</title><link>http://addyosmani.com/blog/extending-css-with-jquery-a-new-years-guide/</link> <comments>http://addyosmani.com/blog/extending-css-with-jquery-a-new-years-guide/#comments</comments> <pubDate>Sat, 02 Jan 2010 16:53:50 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[css]]></category> <category><![CDATA[css transforms]]></category> <category><![CDATA[css3]]></category> <category><![CDATA[extend css]]></category> <category><![CDATA[extend css with jquery]]></category> <category><![CDATA[extending css]]></category> <category><![CDATA[javascript]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery css]]></category> <category><![CDATA[jquery tips]]></category> <category><![CDATA[jquery tools]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/extending-css-with-jquery-a-new-years-guide/</guid> <description><![CDATA[&#160; &#160; &#160; Preface: Chris Coyier, of CSS-Tricks fame, recently gave an excellent presentation on how to extend CSS using jQuery.&#160; Having viewed Chris&#8217;s presentation, I thought I&#8217;d write a post around it to help my readers see how jQuery &#8230; <a
href="http://addyosmani.com/blog/extending-css-with-jquery-a-new-years-guide/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/extending-css-with-jquery-a-new-years-guide/feed/</wfw:commentRss> <slash:comments>21</slash:comments> </item> <item><title>How to create impressive animations using Webkit CSS and JavaScript</title><link>http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/</link> <comments>http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/#comments</comments> <pubDate>Sat, 12 Dec 2009 01:53:54 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Code Samples]]></category> <category><![CDATA[3d]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[animations]]></category> <category><![CDATA[css]]></category> <category><![CDATA[javascript animation]]></category> <category><![CDATA[transforms]]></category> <category><![CDATA[webkit]]></category> <category><![CDATA[webkit animation]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/</guid> <description><![CDATA[&#160; &#160; Hey all. In today&#8217;s post I&#8217;m going to show you how to create a few simple yet impressive animation effects using WebKit CSS and some JavaScript. Webkit (the rendering engine that powers both Safari and Google Chrome) supports &#8230; <a
href="http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/how-to-create-impressive-animations-using-webkit-css-and-javascript/feed/</wfw:commentRss> <slash:comments>11</slash:comments> </item> <item><title>CSS Sprites in Under 10 Minutes</title><link>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/</link> <comments>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/#comments</comments> <pubDate>Wed, 16 Sep 2009 04:20:22 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Under 10 Minutes]]></category> <category><![CDATA[Web Development]]></category> <category><![CDATA[animation examples]]></category> <category><![CDATA[css]]></category> <category><![CDATA[css examples]]></category> <category><![CDATA[css sprite examples]]></category> <category><![CDATA[css sprites]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/css-sprites-in-under-10-minutes/</guid> <description><![CDATA[In this post I&#8217;m going to teach you everything you need to know about CSS Sprites in under 10 minutes &#8211; you&#8217;ll learn a little the basics of what they can do..and more importantly, how you can implement them in &#8230; <a
href="http://addyosmani.com/blog/css-sprites-in-under-10-minutes/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/css-sprites-in-under-10-minutes/feed/</wfw:commentRss> <slash:comments>10</slash:comments> </item> <item><title>Zoomer Gallery &#8211; A jQuery plugin for displaying images with Flash-like zooming effects</title><link>http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/</link> <comments>http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/#comments</comments> <pubDate>Sun, 23 Nov 2008 20:27:23 +0000</pubDate> <dc:creator>Addy</dc:creator> <category><![CDATA[Web Development]]></category> <category><![CDATA[animated effects]]></category> <category><![CDATA[animation]]></category> <category><![CDATA[animation effects]]></category> <category><![CDATA[bicubic]]></category> <category><![CDATA[css]]></category> <category><![CDATA[flash]]></category> <category><![CDATA[flash like]]></category> <category><![CDATA[gallery]]></category> <category><![CDATA[image effects]]></category> <category><![CDATA[image gallery]]></category> <category><![CDATA[jquery]]></category> <category><![CDATA[jquery animated gallery]]></category> <category><![CDATA[jquery animated images]]></category> <category><![CDATA[jquery animation effects]]></category> <category><![CDATA[jquery animation images]]></category> <category><![CDATA[jquery image zooming]]></category> <category><![CDATA[jquery list gallery]]></category> <category><![CDATA[jquery zoom images]]></category> <category><![CDATA[jquery zooming images]]></category> <category><![CDATA[lists]]></category> <category><![CDATA[tweening]]></category> <category><![CDATA[zoom]]></category> <category><![CDATA[zooming]]></category> <guid
isPermaLink="false">http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/</guid> <description><![CDATA[&#160; &#160; &#160; &#160; In today&#8217;s post, I&#8217;m going to be giving away a new plugin for jQuery that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. It&#8217;s a simple but &#8230; <a
href="http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/">Continue reading <span
class="meta-nav">&#8594;</span></a>]]></description> <wfw:commentRss>http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/feed/</wfw:commentRss> <slash:comments>136</slash:comments> </item> </channel> </rss>
