<?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>Fire Studios &#187; CSS</title>
	<atom:link href="http://fire-studios.com/blog/category/coding/css/feed" rel="self" type="application/rss+xml" />
	<link>http://fire-studios.com/blog</link>
	<description>Become A Guru</description>
	<lastBuildDate>Fri, 12 Mar 2010 00:00:09 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Coding Fire-G.com &#8211; a time-lapse video</title>
		<link>http://fire-studios.com/blog/coding-fire-g-com-a-time-lapse-video</link>
		<comments>http://fire-studios.com/blog/coding-fire-g-com-a-time-lapse-video#comments</comments>
		<pubDate>Fri, 19 Jun 2009 14:19:23 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML/Javascript]]></category>
		<category><![CDATA[Screencasts]]></category>
		<category><![CDATA[Fire]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[personal site]]></category>
		<category><![CDATA[PSD]]></category>
		<category><![CDATA[Time]]></category>
		<category><![CDATA[time lapse video]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://fire-studios.com/blog/?p=329</guid>
		<description><![CDATA[so last weekend I finally got around to coding my personal site over at Fire-G.com and decided to screen-capture it all to show you guys!
I would have posted this sooner, but it took 20 hours for my 7.5 hour video to render. Then it took another 6 hours to render after I sped it up.

See [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/coding-fire-g-com-a-time-lapse-video/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Weekday Tip: Wordpress Conditional Tags</title>
		<link>http://fire-studios.com/blog/weekday-tip-wordpress-conditional-tags</link>
		<comments>http://fire-studios.com/blog/weekday-tip-wordpress-conditional-tags#comments</comments>
		<pubDate>Mon, 11 May 2009 12:30:34 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Weekday Tips]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Conditional]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Tag]]></category>
		<category><![CDATA[Weekday]]></category>

		<guid isPermaLink="false">http://fire-studios.com/blog/?p=308</guid>
		<description><![CDATA[	Wordpress' conditional tags are by far one of the most useful and unglorified tools for theme and plugin development. Here's a list of all the tags.
The Conditional Tags can be used in your Template files to change what content is displayed and how that content is displayed on a particular page depending on what conditions [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/weekday-tip-wordpress-conditional-tags/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Weekday Tip: CSS Shorthand pt.3</title>
		<link>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt3</link>
		<comments>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt3#comments</comments>
		<pubDate>Fri, 08 May 2009 13:30:37 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Weekday Tips]]></category>
		<category><![CDATA[declarations]]></category>
		<category><![CDATA[Font]]></category>
		<category><![CDATA[font property]]></category>
		<category><![CDATA[shorthand]]></category>
		<category><![CDATA[Weekday]]></category>

		<guid isPermaLink="false">http://fire-studios.com/blog/?p=306</guid>
		<description><![CDATA[Font
The font property is, with exception of some system fonts, a shorthand property for setting all of the properties for a font in one declaration. These declarations go in order of font-style, font-variant, font-weight, font-size/line-height, font-family. Below is a chart showing values can be used in each section.


p {font: [style] [variant] [weight] [size]/[line-height] [family], [family];}


Font-style: [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt3/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Weekday Tip: CSS Shorthand pt.2</title>
		<link>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt2</link>
		<comments>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt2#comments</comments>
		<pubDate>Wed, 06 May 2009 13:30:05 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Weekday Tips]]></category>
		<category><![CDATA[Background]]></category>
		<category><![CDATA[background properties]]></category>
		<category><![CDATA[declarations]]></category>
		<category><![CDATA[shorthand]]></category>
		<category><![CDATA[Weekday]]></category>

		<guid isPermaLink="false">http://fire-studios.com/blog/?p=305</guid>
		<description><![CDATA[Background
The background property is a shorthand property for setting all background properties in one declaration. The order of declarations is background-color, background-image, background-repeat, background-attachment, and then background-position. Remember that default values for these properties are not set.


body {background: #[hex-color] url([image URL]) [repeat] [attachment] [position];}


Background-color:

Color name (black)
HEX number (#000000)
RGB value (rgb(0,0,0 ))
Transparent

Background-image:

URL
None

Background-repeat:

Repeat-x (horizontally)
Repeat-y (vertically)
Repeat (both)
No-repeat

Background-attachment:

Fixed
Scroll

Background-position:

top left
top [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt2/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Weekday Tip: CSS Shorthand pt.1</title>
		<link>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt1</link>
		<comments>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt1#comments</comments>
		<pubDate>Mon, 04 May 2009 13:30:00 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[Weekday Tips]]></category>
		<category><![CDATA[attributes]]></category>
		<category><![CDATA[css properties]]></category>
		<category><![CDATA[declarations]]></category>
		<category><![CDATA[Margin]]></category>
		<category><![CDATA[Padding]]></category>
		<category><![CDATA[shorthand]]></category>
		<category><![CDATA[Weekday]]></category>

		<guid isPermaLink="false">http://fire-studios.com/blog/?p=304</guid>
		<description><![CDATA[Margin &#038; Padding
The CSS properties "margin" and "padding" allow the use of shorthand declarations, meaning we can state all the "-top", "-left", "-bottom", and "-right" attributes in one call.


margin: [top] [right] [bottom] [left];
margin: [top&#038;bottom] [left&#038;right];
margin: [top] [left&#038;right] [bottom];
margin: [top&#038;left&#038;bottom&#038;right];

padding: [top] [right] [bottom] [left];
padding: [top&#038;bottom] [left&#038;right];
padding: [top] [left&#038;right] [bottom];
padding: [top&#038;left&#038;bottom&#038;right];

]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/weekday-tip-css-shorthand-pt1/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How Web Development can Help You as a Student</title>
		<link>http://fire-studios.com/blog/how-web-development-can-help-you-as-a-student</link>
		<comments>http://fire-studios.com/blog/how-web-development-can-help-you-as-a-student#comments</comments>
		<pubDate>Thu, 02 Oct 2008 00:21:19 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML/Javascript]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[hierarchy]]></category>
		<category><![CDATA[memorization]]></category>
		<category><![CDATA[multiple methods]]></category>
		<category><![CDATA[semantics]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://fire-studios.com/blog/?p=100</guid>
		<description><![CDATA[Learning to code and develop websites or applications can be a difficult process, but when you couple in the pressures of being a student in school, it makes everything that much more difficult to grasp and shove into all the empty nooks and crannies of your mind.  You can easily ease off the pressures [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/how-web-development-can-help-you-as-a-student/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to Code a Website &#8211; part 2</title>
		<link>http://fire-studios.com/blog/how-to-code-a-website-part-2</link>
		<comments>http://fire-studios.com/blog/how-to-code-a-website-part-2#comments</comments>
		<pubDate>Sun, 31 Aug 2008 03:42:05 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML/Javascript]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Screencasts]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[2]]></category>
		<category><![CDATA[a]]></category>
		<category><![CDATA[genieva]]></category>
		<category><![CDATA[how]]></category>
		<category><![CDATA[part]]></category>
		<category><![CDATA[requiem]]></category>
		<category><![CDATA[rounded corners]]></category>
		<category><![CDATA[screencast]]></category>
		<category><![CDATA[to]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://fire-studios.com/blog/?p=58</guid>
		<description><![CDATA[This is part 2 of the video series on how to code a website (taking a template from image form to it's XHTML/CSS version).
Go back and Watch part 1 if you haven't!


Video notes:
In this video we took our HTML from part 1 and altered it just alittle and added in our CSS styles.
This video assumes [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/how-to-code-a-website-part-2/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>CSS only DOM tabs</title>
		<link>http://fire-studios.com/blog/css-only-dom-tabs</link>
		<comments>http://fire-studios.com/blog/css-only-dom-tabs#comments</comments>
		<pubDate>Thu, 24 Jul 2008 16:41:25 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML/Javascript]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[hidden]]></category>
		<category><![CDATA[only]]></category>
		<category><![CDATA[overflow]]></category>
		<category><![CDATA[tabs]]></category>

		<guid isPermaLink="false">http://localhost/fs/blog/?p=25</guid>
		<description><![CDATA[Well through some CSS endeavors to find the golden stylesheet (personal goal of the ultimate design), I have created a CSS only DOM tab system.  Meaning when you click on a tab the content changes.  Usually this is done with Javascript/jQuery, but since I don't know how to code in either one of [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/css-only-dom-tabs/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Centering Text using &#8220;line-height&#8221;</title>
		<link>http://fire-studios.com/blog/centering-text-using-line-height</link>
		<comments>http://fire-studios.com/blog/centering-text-using-line-height#comments</comments>
		<pubDate>Thu, 24 Jul 2008 15:23:13 +0000</pubDate>
		<dc:creator>Fire G</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML/Javascript]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[centering]]></category>
		<category><![CDATA[line-height]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[vertical]]></category>

		<guid isPermaLink="false">http://localhost/fs/blog/?p=22</guid>
		<description><![CDATA[To center a line a line of text can be very troublesome and drawn out affairs.  But you can simple use the "line-height" element of CSS to set the text's height without distorting the font. To apply the rule use the format of  "line-height: *height of container*;".  Change *height of container* to [...]]]></description>
		<wfw:commentRss>http://fire-studios.com/blog/centering-text-using-line-height/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
