<?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>bijusubhash.com &#187; CSS</title>
	<atom:link href="http://www.bijusubhash.com/blog/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://www.bijusubhash.com</link>
	<description>Blog for Graphic Tutorials, Tips, Tricks, Technical Tutorials and Free stuffs</description>
	<lastBuildDate>Mon, 07 Jun 2010 09:13:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The Google Font Directory</title>
		<link>http://www.bijusubhash.com/blog/the-google-font-directory</link>
		<comments>http://www.bijusubhash.com/blog/the-google-font-directory#comments</comments>
		<pubDate>Fri, 04 Jun 2010 07:21:33 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Others]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[google-font-directory]]></category>
		<category><![CDATA[google-fonts]]></category>
		<category><![CDATA[web-fonts]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4086</guid>
		<description><![CDATA[The Google font directory help you browse all the fonts available via the Google Font API. You can use all the available fonts on your website under an open source license and served by Google servers. You can use it for your commercial or non-commercial project. You don&#8217;t need any programming, just add a special [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://code.google.com/webfonts" target="_blank"><img class="alignnone size-full wp-image-4087" title="The Google Font Directory" src="http://www.bijusubhash.com/wp-content/uploads/2010/06/The-Google-Font-Directory.jpg" alt="The Google Font Directory" width="550" height="416" /></a></p>
<p>The Google font directory help you browse all the fonts available via the Google Font API. You can use all the available fonts on your website under an open source license and served by Google servers. You can use it for your commercial or non-commercial project.</p>
<p>You don&#8217;t need any programming, just add a special stylesheet link to your HTML document, then refer to the font in a css style.The Google Font API is compatible with Google Chrome 4.249.4+, Firefox 3.5+, Safari 3.1+ andIE 6+. However, The Google Font API is not currently supported on iPhone, iPad, iPod, or Android.</p>
<p><a href="http://code.google.com/webfonts" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/web-fonts" rel="tag">web-fonts</a> <a href="http://www.bijusubhash.com/blog/tag/google-fonts" rel="tag">google-fonts</a> <a href="http://www.bijusubhash.com/blog/tag/google-font-directory" rel="tag">google-font-directory</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/the-google-font-directory/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Image-less CSS Tooltip Pointers with Polygonal CSS</title>
		<link>http://www.bijusubhash.com/blog/image-less-css-tooltip-pointers-with-polygonal-css</link>
		<comments>http://www.bijusubhash.com/blog/image-less-css-tooltip-pointers-with-polygonal-css#comments</comments>
		<pubDate>Fri, 14 May 2010 13:48:28 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[image-free-tooltip]]></category>
		<category><![CDATA[tooltip]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=4051</guid>
		<description><![CDATA[A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element. The tool-tip widget design is common in websites uses a small triangular speech bubble pointer that typically created easily with a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/" target="_blank"><img class="alignnone size-full wp-image-4052" title="Image-less CSS Tooltip Pointers with Polygonal CSS" src="http://www.bijusubhash.com/wp-content/uploads/2010/05/Image-less-CSS-Tooltip-Pointers-with-Polygonal-CSS.jpg" alt="Image-less CSS Tooltip Pointers with Polygonal CSS" width="554" height="290" /></a></p>
<p>A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element.</p>
<p>The tool-tip widget design is common in websites uses a small triangular speech bubble pointer that typically created easily with a background image. Filamentgroup break the typical way and build it with pure polygonal CSS.</p>
<p><a href="http://www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/css" rel="tag">css</a> <a href="http://www.bijusubhash.com/blog/tag/tooltip" rel="tag">tooltip</a> <a href="http://www.bijusubhash.com/blog/tag/image-free-tooltip" rel="tag">image-free-tooltip</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/image-less-css-tooltip-pointers-with-polygonal-css/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Different Stylesheets for Differently Sized Browser Windows without Javascript</title>
		<link>http://www.bijusubhash.com/blog/different-stylesheets-for-differently-sized-browser-windows-without-javascript</link>
		<comments>http://www.bijusubhash.com/blog/different-stylesheets-for-differently-sized-browser-windows-without-javascript#comments</comments>
		<pubDate>Wed, 05 May 2010 08:53:36 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[browser-size]]></category>
		<category><![CDATA[browser-window-css]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=3956</guid>
		<description><![CDATA[Chris Coyier wrote an article about how to use different style-sheets for differently sized browser windows without java-script. There is a W3C standard way of declaring them. One way is to test the device width with css and another way is with jQuery. The only one problem is using the css technique is IE doesn&#8217;t [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://css-tricks.com/resolution-specific-stylesheets/" target="_blank"><img class="alignnone size-full wp-image-3957" title="Different Stylesheets for Differently Sized Browser Windows without Javascript" src="http://www.bijusubhash.com/wp-content/uploads/2010/05/Different-Stylesheets-for-Differently-Sized-Browser-Windows-without-Javascript.jpg" alt="Different Stylesheets for Differently Sized Browser Windows without Javascript" width="570" height="533" /></a></p>
<p>Chris Coyier wrote an article about how to use different style-sheets for differently sized browser windows without java-script. There is a W3C standard way of declaring them. One way is to test the device width with css and another way is with jQuery. The only one problem is using the css technique is IE doesn&#8217;t support this.</p>
<p><a href="http://css-tricks.com/resolution-specific-stylesheets/" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/browser-size" rel="tag">browser-size</a> <a href="http://www.bijusubhash.com/blog/tag/browser-window-css" rel="tag">browser-window-css</a> <a href="http://www.bijusubhash.com/blog/tag/css" rel="tag">css</a> <a href="http://www.bijusubhash.com/blog/tag/" rel="tag"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/different-stylesheets-for-differently-sized-browser-windows-without-javascript/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Create a Realistic Looking Button with CSS3</title>
		<link>http://www.bijusubhash.com/blog/create-a-realistic-looking-button-with-css3</link>
		<comments>http://www.bijusubhash.com/blog/create-a-realistic-looking-button-with-css3#comments</comments>
		<pubDate>Fri, 16 Apr 2010 21:07:18 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[css-button]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[web-button]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=3820</guid>
		<description><![CDATA[Jay wrote a tutorial for how to create a realistic looking button with css3. The whole idea is to use a combination of subtle effects to create a three dimensional object. The idea is that: The button is set into the canvas. The texture of the button is different from the canvas and the surface [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_3821" class="wp-caption alignnone" style="width: 518px"><a href="http://blog.anomalyinnovations.com/2010/03/creating-a-realistic-looking-button-with-css3/" target="_blank"><img class="size-full wp-image-3821" title="Create a Realistic Looking Button with CSS3" src="http://www.bijusubhash.com/wp-content/uploads/2010/04/Create-a-Realistic-Looking-Button-with-CSS3.jpg" alt="Create a Realistic Looking Button with CSS3" width="508" height="462" /></a><p class="wp-caption-text">Create a Realistic Looking Button with CSS3</p></div>
<p>Jay wrote a tutorial for how to create a realistic looking button with css3. The whole idea is to use a combination of subtle effects to create a three dimensional object. The idea is that: The button is set into the canvas. The texture of the button is different from the canvas and the surface is slightly raised. And the text of the button is pressed into it.</p>
<p><a href="http://blog.anomalyinnovations.com/2010/03/creating-a-realistic-looking-button-with-css3/" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/CSS3" rel="tag">CSS3</a> <a href="http://www.bijusubhash.com/blog/tag/css-button" rel="tag">css-button</a> <a href="http://www.bijusubhash.com/blog/tag/tutorial" rel="tag">tutorial</a> <a href="http://www.bijusubhash.com/blog/tag/web-button" rel="tag">web-button</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/create-a-realistic-looking-button-with-css3/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS3 Multi-Level Mac-Like Dropdown Menu</title>
		<link>http://www.bijusubhash.com/blog/css3-multi-level-mac-like-dropdown-menu</link>
		<comments>http://www.bijusubhash.com/blog/css3-multi-level-mac-like-dropdown-menu#comments</comments>
		<pubDate>Thu, 01 Apr 2010 08:20:10 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Tab Menu]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Drop-Down-Menu]]></category>
		<category><![CDATA[mac-like-menu]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=3788</guid>
		<description><![CDATA[WebDesignerWall has shared a multi-level mac like css drop down menu. They used border-radius, box-shadow and text-shadow css properties. The menu renders perfectly with Firefox, Safari and Chrome. IE also rendering the menu well without rounded corners and shadows. CSS CSS-Menu drop-down-menu mac-like-menu css3]]></description>
			<content:encoded><![CDATA[<div id="attachment_3789" class="wp-caption alignnone" style="width: 503px"><a href="http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/" target="_blank"><img class="size-full wp-image-3789" title="CSS3 Multi-Level Mac-Like Dropdown Menu" src="http://www.bijusubhash.com/wp-content/uploads/2010/04/CSS3-Multi-Level-Mac-Like-Dropdown-Menu.jpg" alt="CSS3 Multi-Level Mac-Like Dropdown Menu" width="493" height="212" /></a><p class="wp-caption-text">CSS3 Multi-Level Mac-Like Dropdown Menu</p></div>
<p><a href="http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/" target="_blank">WebDesignerWall</a> has shared a multi-level mac like css drop down menu. They used border-radius, box-shadow and text-shadow css properties. The menu renders perfectly with Firefox, Safari and Chrome. IE also rendering the menu well without rounded corners and shadows.</p>
<p><a href="http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/" target="_blank"><img class="alignnone size-full wp-image-2564" title="website url" src="http://www.bijusubhash.com/wp-content/uploads/2009/11/website-url.gif" alt="website url" width="128" height="54" /></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/CSS" rel="tag">CSS</a> <a href="http://www.bijusubhash.com/blog/tag/CSS-Menu" rel="tag">CSS-Menu</a> <a href="http://www.bijusubhash.com/blog/tag/drop-down-menu" rel="tag">drop-down-menu</a> <a href="http://www.bijusubhash.com/blog/tag/mac-like-menu" rel="tag">mac-like-menu</a> <a href="http://www.bijusubhash.com/blog/tag/css3" rel="tag">css3</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/css3-multi-level-mac-like-dropdown-menu/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Discussion Forum for Web and Graphics</title>
		<link>http://www.bijusubhash.com/blog/discussion-forum-for-web-and-graphics</link>
		<comments>http://www.bijusubhash.com/blog/discussion-forum-for-web-and-graphics#comments</comments>
		<pubDate>Fri, 11 Dec 2009 14:26:25 +0000</pubDate>
		<dc:creator>Biju Subhash</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Discussion]]></category>
		<category><![CDATA[Forum]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.bijusubhash.com/?p=3133</guid>
		<description><![CDATA[Hi Folks, I&#8217;m very happy to tell you that I have started a forum for discussion about web or graphics related for all of you. Available with General, Web Design &#38; Site Administration , Graphics, Images &#38; Editing, Showcases &#38; Inspiration, Freebies, WordPress, PHP,Flex,  CSS &#38; (X)html and JavaScript. Start your discussion. Go to the [...]]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_3134" class="wp-caption alignnone" style="width: 465px"><a href="http://www.bijusubhash.com/forum"><img class="size-full wp-image-3134" title="Discussion Forum for Web and Graphics" src="http://www.bijusubhash.com/wp-content/uploads/2009/12/Discussion-Forum-for-Web-and-Graphics.jpg" alt="Discussion Forum for Web and Graphics" width="455" height="400" /></a><p class="wp-caption-text">Discussion Forum for Web and Graphics</p></div>
<p>Hi Folks, I&#8217;m very happy to tell you that I have started a forum for discussion about web or graphics related for all of you. Available with General, Web Design &amp; Site Administration , Graphics, Images &amp; Editing, Showcases &amp; Inspiration, Freebies, WordPress, PHP,Flex,  CSS &amp; (X)html and JavaScript. Start your discussion.</p>
<p><a class="source" title="Discussion Forum" href="http://www.bijusubhash.com/forum"><strong>Go to the FORUM here</strong></a></p>
<div class="awmp_tags"><a href="http://www.bijusubhash.com/blog/tag/Discussion" rel="tag">Discussion</a> <a href="http://www.bijusubhash.com/blog/tag/Forum" rel="tag">Forum</a> <a href="http://www.bijusubhash.com/blog/tag/Graphics" rel="tag">Graphics</a> <a href="http://www.bijusubhash.com/blog/tag/Web" rel="tag">Web</a> <a href="http://www.bijusubhash.com/blog/tag/Themes" rel="tag">Themes</a> <a href="http://www.bijusubhash.com/blog/tag/Wordpress" rel="tag">Wordpress</a> <a href="http://www.bijusubhash.com/blog/tag/HTML" rel="tag">HTML</a> <a href="http://www.bijusubhash.com/blog/tag/CSS" rel="tag">CSS</a> <a href="http://www.bijusubhash.com/blog/tag/php" rel="tag">php</a> <a href="http://www.bijusubhash.com/blog/tag/Flex" rel="tag">Flex</a></div>]]></content:encoded>
			<wfw:commentRss>http://www.bijusubhash.com/blog/discussion-forum-for-web-and-graphics/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
