<?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>Ahad Bokhari &#187; &#187; CSS</title>
	<atom:link href="http://blogspot.fluidnewmedia.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blogspot.fluidnewmedia.com</link>
	<description>— fragments of personal interest...</description>
	<lastBuildDate>Fri, 13 Jan 2012 10:41:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Excellent Learning slides from multiple authors</title>
		<link>http://blogspot.fluidnewmedia.com/2009/03/excellent-learning-slides-from-multiple-authors/</link>
		<comments>http://blogspot.fluidnewmedia.com/2009/03/excellent-learning-slides-from-multiple-authors/#comments</comments>
		<pubDate>Mon, 02 Mar 2009 11:17:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[DOM]]></category>

		<guid isPermaLink="false">http://blogspot.fluidnewmedia.com/?p=1141</guid>
		<description><![CDATA[Good information is where its at.  Filtering out that information can be a little time consuming lest you know where to go so I just wanted to share what I thought would be useful to designers out there.
If you check slide # 51 in Object Oriented CSS you will see that you should never [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>Good information is where its at.  Filtering out that information can be a little time consuming lest you know where to go so I just wanted to share what I thought would be useful to designers out there.</p>
<p class ="alert">If you check slide # 51 in Object Oriented CSS you will see that you should never specify an element first.  This is a practice i didn&#8217;t know about.  Sometimes learning yourself can lead into bad practices and thats why I like to learn from the pros.  <a href="http://www.stubbornella.org/content/2009/02/12/css-doesn’t-suck-you’re-just-doing-it-wrong/">Thanks Stubbornella..</a></p>
<div style="width:425px;text-align:left" id="__ss_990405"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/stubbornella/object-oriented-css?type=presentation" title="Object Oriented CSS">Object Oriented CSS</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=oocss-1233786987806904-3&#038;rel=0&#038;stripped_title=object-oriented-css" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=oocss-1233786987806904-3&#038;rel=0&#038;stripped_title=object-oriented-css" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/stubbornella">Nicole Sullivan</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/modules">modules</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/blocks">blocks</a>)</div>
</div>
<p><span id="more-1141"></span></p>
<div style="width:425px;text-align:left" id="__ss_658403"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/stubbornella/designing-fast-websites-presentation?type=presentation" title="Design Fast Websites">Design Fast Websites</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=designingfastwebsites-1224025689783608-8&#038;stripped_title=designing-fast-websites-presentation" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=designingfastwebsites-1224025689783608-8&#038;stripped_title=designing-fast-websites-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="550" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/stubbornella">Nicole Sullivan</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/f2esummit08">f2esummit08</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/yahoo">yahoo!</a>)</div>
</div>
<div style="width:425px;text-align:left" id="__ss_981615"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/jeresig/the-dom-is-a-mess-yahoo?type=presentation" title="The DOM is a Mess @ Yahoo">The DOM is a Mess @ Yahoo</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=yahoodom-1233608138666908-3&#038;stripped_title=the-dom-is-a-mess-yahoo" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=yahoodom-1233608138666908-3&#038;stripped_title=the-dom-is-a-mess-yahoo" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="525" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/jeresig">jeresig</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/dom">dom</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/javascript">javascript</a>)</div>
</div>
<div style="width:425px;text-align:left" id="__ss_49815"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/garrettdimon/improving-interface-design?type=powerpoint" title="Improving Interface Design">Improving Interface Design</a><object style="margin:0px" width="550" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=improving-interface-design-29757&#038;stripped_title=improving-interface-design" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=improving-interface-design-29757&#038;stripped_title=improving-interface-design" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></p>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">presentations</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/garrettdimon">Garrett Dimon</a>. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/webvisions07">webvisions07</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/webvisions">webvisions</a>)</div>
</div>
<p>Though some of the slides are a little old, you can still learn a whole lot from them.  </p>
<p>Also for more slides and interesting presentations check:  <a href="http://www.slideshare.net/">http://www.slideshare.net/</a>and<a href="http://developer.yahoo.com/yui/theater/">http://developer.yahoo.com/yui/theater/</a></p>
<p>Thanks to everyone for helping me learn&#8230;.</p>
]]></content:encoded>
			<wfw:commentRss>http://blogspot.fluidnewmedia.com/2009/03/excellent-learning-slides-from-multiple-authors/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What I did today</title>
		<link>http://blogspot.fluidnewmedia.com/2008/11/what-i-did-today/</link>
		<comments>http://blogspot.fluidnewmedia.com/2008/11/what-i-did-today/#comments</comments>
		<pubDate>Tue, 25 Nov 2008 15:16:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blogspot.fluidnewmedia.com/?p=616</guid>
		<description><![CDATA[These days i am spending alot of time learning the Open Source MVC Framework:  CodeIgniter. It&#8217;s awesome using some of the classes and libraries that ship with the package.  
All you have to do is load them from your controller or use the autoload feature in the config file.  I still do love my design [...]]]></description>
			<content:encoded><![CDATA[<p></p><p>These days i am spending alot of time learning the Open Source MVC Framework:  <a href="http://www.codeigniter.com">CodeIgniter.</a> It&#8217;s awesome using some of the classes and libraries that ship with the package.  </p>
<p>All you have to do is load them from your controller or use the autoload feature in the config file.  I still do love my design work, so i spent some time later on at night trying to figure out this CSS FullScreen bacground thang.</p>
<p>SCHEDULE OF MY DAY:  </p>
<ol>
<li>8.30 am &#8211; Woke up had some brekky and took a nice warm shower!</li>
<li>9.00 am &#8211; Onto the CodeIgniter forums and Google Reader to check out the latest news.</li>
<li>11.00 am &#8211; Conference call with a client</li>
<li>12.00 pm &#8211; Getting kinda hungry so i had a snack</li>
<li>12.30 pm &#8211; Back to some ?php development with Code Igniter.</li>
<li>2.00 pm &#8211; Lunch:  Fish and Chips</li>
<li>2.30 pm &#8211; Emails and general communication with present and future clients</li>
<li>3.00 pm &#8211; Work started for a newer client.</li>
<li>5.00 pm &#8211; Updating a site for a current client </li>
<li>6.00 pm &#8211; Back to Code Igniter</li>
<li>7.00 pm &#8211; Itching to use some css techniques to design a Full Screen Splash page.</li>
<li>8.00 pm &#8211; Done with the css homepage.  Nice and darkish look with a great background.</li>
</ol>
<div>Here&#8217;s a screenshot of that CSS full background page..It looks nice right now but it sorta distorts on any resolutions higher than 1024&#215;768.  I am sure there is a quick Javascript fix out there for this. </p>
<p><a href="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/11/spash.jpg" rel="thumbnail"><img class="alignnone size-full wp-image-617" title="Splash Page with options" src="http://blogspot.fluidnewmedia.com/wp-content/uploads/2008/11/spash.jpg" alt="" width="500" height="344" /></a>  </p>
<p>Anyone out there know that quick Javascript fix??  Or do you all have any pointers for developing and designing a fullscreen css based background?  If you do please let me know.  I am sure if I poke around i will find it somewhere.  I&#8217;m just too tired right now!!</p>
<p><a href="http://www.blogspot.fluidnewmedia.com/downloads/Full Screen.zip">Click here to download the Source for this simple demo</a>. I havent implemented the best CSS practices here but when i get the time ill go for the top notch standards.  It&#8217;s a good start for 45 minutes of work.</div>
]]></content:encoded>
			<wfw:commentRss>http://blogspot.fluidnewmedia.com/2008/11/what-i-did-today/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

