<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" version="2.0">

<channel>
<title>CSS Mania's Blog</title>
<link>http://cssmania.com/blog/</link>
<description />
<language>en</language>
<managingEditor>gabilondo@blogsmedia.com</managingEditor>

<copyright>Copyright 2008</copyright>
<lastBuildDate>Thu, 02 Oct 2008 09:58:15 +0100</lastBuildDate>
<pubDate>Thu, 02 Oct 2008 09:58:22 +0100</pubDate>

<generator>http://www.movabletype.org/?v=3.2</generator>

<webMaster>gabilondo@blogsmedia.com</webMaster>
<docs>http://blogs.law.harvard.edu/tech/rss</docs>

<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/cssmaniablog" type="application/rss+xml" /><item>
<title>Creme de la Creme - September 2008</title>
<description>In no particular order (except the alphabetical one), here is our top 10 selection for the month of September 2008. Enjoy....</description>
<link>http://cssmania.com/blog/2008/10/02/creme-de-la-creme-september-2008.php</link>

<guid isPermaLink="false">13366@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>In no particular order (except the alphabetical one), here is our top 10 selection for the month of <a href="http://cssmania.com/galleries/2008/09/">September 2008</a>. Enjoy.</p> 

<p><a href="http://biografy.cz/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/biografycz.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.branded07.com/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/branded07com.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://coffeenatic.com/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/coffeenaticcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="https://www.flyopenskies.com/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/flyopenskiescom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.futureofwebdesign.com/2008/newyork/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/futureofwebdesigncom_2008_newyork.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.remedydrive.com"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/remedydrivecom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.takethewalk.net/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/takethewalknet.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.thebackofthenapkin.com/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/thebackofthenapkincom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.thefarmerandthechef.com/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/thefarmerandthechefcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.thelippincott.net/"><img alt="" src="http://cssmania.com/blog/img/2008_09_top_10_selections/thelippincottnet.jpg" width="500" height="125" class="center" /></a></p>]]></content:encoded>

<category>Creme de la Creme</category>
<pubDate>Thu, 02 Oct 2008 09:58:15 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>The First Twenty - August 2008</title>
<description>We have a new section called "Site of The Month", where we will award what we consider the best design of the month. So, here is the first one. And it goes to The First Twenty. "Oh brave men and...</description>
<link>http://cssmania.com/blog/2008/09/23/the-first-twenty-august-2008.php</link>

<guid isPermaLink="false">13235@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>We have a new section called "Site of The Month", where we will award what we consider the best design of the month. So, here is the first one. And it goes to <a href="http://thefirsttwenty.com/">The First Twenty</a>.</p>

<p><i>"Oh brave men and women of fire and soot, how thy engines of red blaze stanchly toward certain danger. How thy faces burn before magnificent compositions of peril. How thy bravery glows when instincts of self-preservation are cast aside for the sake of thy neighbors.</i></p>

<p><i>How then, oh great men and women of sacrifice, shall we repay thee?"</i></p>

<p>With a masterpiece of XHTML and CSS, of course.</p>

<p><a href="http://thefirsttwenty.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/thefirsttwentycom.jpg" width="500" height="125" class="center" /></a></p>

<p>First off, the guy, girl, team, dalmatian, or whoever it was that designed this site managed to get all the information onto one page. (With the exception of a video to be discussed later.) That’s not bad, considering this is an informational site. Importantly, at no point does the information seem crowded, out of place, difficult to ascertain, ugly, stupid, lame, or stinky. This is accomplished through a comfortable flow of different-sized columns and background changes. There are no tabs to different sections of the site, and I say, nice work. Who needs tabs when we never have to leave the page we’re on? This is one of those great sites that reminds you to always keep your eyes and your mind open to different methods of solving design problems.</p>

<p>Is it later? Okay. Now let’s talk about the video. Boo. This is my only serious criticism. The site is beautiful. The video is obviously professionally shot, produced, edited, and it’s beautiful too. Why oh why did that crazy dalmatian designer decide that the video could sit on a blank white page? Why oh why didn’t he dig his heels in, put off the kibble for just a few hours more, and finish off the site with an appropriate video-viewing page? Perhaps the timeline, the budget, or some other unforeseen culprit is to blame, so judgment is reserved. But needless to state after this rant, it is a loose brick in the firehouse.</p>

<p>But we forgive you. Because we really think you nailed everything else.</p>

<p>The color scheme throughout the site is patriotic, but not “vote for me in November” patriotic. We can see red, white and blue, but we don’t feel like taking a nap on a cracker. Instead, we feel the warmth of natural brown tones, the tangible personality of the paper and distressed textures, and the classic calm of the monotone photography. It is the addition of these elements that calms the overall color scheme, and also encapsulates the personality of a noble firefighter. At least the one I’m picturing in my head, who looks curiously like the one in the main banner.</p>

<p><p><a href="http://thefirsttwenty.com/"><img alt="" src="http://cssmania.com/blog/img/firsttwenty_typography.jpg" width="500" height="125" class="center" /></a></p>

<p>The photography is also used in a place where many of us would sooner drop in a two-dollar stock icon, rather than approach the design problem with, yet again, a fresh perspective. The iconic subject matter of these photocons* is not out of the ordinary, but the method the designer used to create them results in an icon set that feels very much like the site they inhabit.</p>

<p>Overall, this site is a hero worth a hero’s prize. And we don’t really think it was designed by a dalmatian. Duh. Dalmatians are too busy fighting fires to create websites.</p>

<p><i>*Get it? Photo + Icon = Photocon? Brilliant? No? Crap.</i></p>]]></content:encoded>

<category>Site of the Month</category>
<pubDate>Tue, 23 Sep 2008 10:31:26 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>CSSMania API</title>
<description>We have received in the last year and a half some e-mails telling us to release some sort of API as there was no way to check info from the screenshots not browsing individually through them. We can´t answer all...</description>
<link>http://cssmania.com/blog/2008/09/15/cssmania-api.php</link>

<guid isPermaLink="false">13157@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>We have received in the last year and a half some e-mails telling us to release some sort of <a href="http://cssmania.com/api/">API</a> as there was no way to check info from the screenshots not browsing individually through them.</p>

<p>We can´t answer all those e-mails as we have been doing the last 16 months with a plain : "it will be done in the future". I guess the future must be now.</p>

<p>So, we have released our brand new <a href="http://es.wikipedia.org/wiki/API">API</a>. <strong>Most of the credits go to <a href="http://sentidoweb.com">Luis Sacristán</a></strong> who helped us debugging some issues in our original code to make everything smooth.</p>

<p><a href="http://cssmania.com/api/">CSS Mania's API</a> is a never ending developed <a href="http://cssmania.com/api/">API</a>, and could change depending on our readers interests. Depending on our readers response we will continue working on future releases to parse more data in case it is needed. So, please, feel free to <a href="http://cssmania.com/contact">contact</a> us, and enjoy our <a href="http://cssmania.com/api/">API</a>. It is extremely important to read about its usage limit. There are no restrictions right now, but, if its usage is done from a certain IP badly, the IP most likely will get a lifetime ban from our server.</p>

<p>So, if you want to work on an <a href="http://www.adobe.com/products/air/">AIR</a> widdget based on our API, feel free to do so, cause we may have a surprise for you if we like it. Everything is welcomed.</p>

<p><a href="http://cssmania.com/api/">CSS Mania's API</a>.</p>]]></content:encoded>

<category>Development</category>
<pubDate>Mon, 15 Sep 2008 20:42:48 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>Creme de la Creme - August 2008</title>
<description>In no particular order (except the alphabetical one), here is our top 10 selection for the month of August 2008. Enjoy. From now on we will also select the best design of the month in a new section of our...</description>
<link>http://cssmania.com/blog/2008/09/03/creme-de-la-creme-august-2008.php</link>

<guid isPermaLink="false">13029@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>In no particular order (except the alphabetical one), here is our top 10 selection for the month of <a href="http://cssmania.com/galleries/2008/08/">August 2008</a>. Enjoy. From now on we will also select the best design of the month in a new section of our blog. More to come.</p> 

<p><a href="http://bart.gov/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/bartgov.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://blogactionday.org/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/blogactiondayorg.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.compograss.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/compograsscom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.contrast.ie/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/contrastie.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.dollardreadful.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/dollardreadfulcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://hambodevelopment.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/hambodevelopmentcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://jquery.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/jquerycom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://pueblobonito.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/pueblobonitocom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://thefirsttwenty.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/thefirsttwentycom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://trekkingnepaltours.com/"><img alt="" src="http://cssmania.com/blog/img/2008_08_top_10_selections/trekkingnepaltourscom.jpg" width="500" height="125" class="center" /></a></p>]]></content:encoded>

<category>Creme de la Creme</category>
<pubDate>Wed, 03 Sep 2008 09:29:44 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>How to Slow Down Innovation ?</title>
<description>Let us make ours the words from Javier Cabrera from Emastudios. "Lately I have seen a lot of web sites blog and online newspapers coming up with their own “iPhone version” of their business. They are everywhere. They usually start...</description>
<link>http://cssmania.com/blog/2008/08/27/how-to-slow-down-innovation-.php</link>

<guid isPermaLink="false">12986@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>Let us make ours the words from <a href="http://www.emastudios.com/cym/2008/08/web-sites-for-the-iphone-or-how-to-slow-down-innovations/">Javier Cabrera</a> from <a href="http://www.emastudios.com">Emastudios</a>.</p>

<p>"Lately I have seen <strong>a lot of web sites blog and online newspapers coming up with their own “iPhone version” of their business</strong>. They are everywhere. They usually start with an “i” so, if you were looking CSSMania's web site for the iPhone it could be something like “http://i.cssmania.com/” which takes my mind back to the old times when it should be “http://wap.cssmania.com/”. From my point of view, building a web site, blog or newspaper entirely from scratch for a particular device is like going back to 1995 when AvantGo ruled the world and the “Palms” were “so hot right now!”.</p>

<p>If you have an application like basecamp for example, it’s necessary to do the “iPhone version” but, that’s just because the application needs to be specially designed as an app for the iPhone. On the other hand, having a blog, a newspaper or any other web site in <strong>the iPhone version is like doing a wap version; useless.</strong> There is a huge market for wap, we all know that. But it takes back innovation like 10 years. <strong>The browser should adjust the site, not backwards.</strong> If you don’t agree, then I’m assuming you are one of the really happy designers or coders who laugh with joy every time you have to do an Internet Explorer version of your work.</p>

<p>Again, the browser should adjust the site, not backwards. In fact, <strong>Apple agrees with me</strong>. They have come up with <strong>Safari for the iPhone</strong>, an splendid piece of software that lets you see, AND READ a website <strong>like if you were looking it at your own home or work computer</strong>. It displays the same. It doesn’t change.</p>

<p>I believe <strong>Apple innovates</strong>. It’s just that people is used to have “an X version of my website for the X“. Fill the “X” with any new device that you can think off, yesterday Palm, recently cellphone, now, iPhone.  We have arrived to the era we all have waited: <strong>finally, a portable device manufacturer comes up with software that can read our work the same way we intent to</strong>, without touching anything, without modifying one line of code; and what do we do? we keep living in the past.</p>

<p>Just let it go!"</p>

<p>We couldnt agree more with you, Javier.</p>]]></content:encoded>

<category>Resources</category>
<pubDate>Wed, 27 Aug 2008 12:22:23 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>Indian School Project Location</title>
<description>Many of you probably have donated money for our Building a School In India Project back in December 2007. We thank you all again. The guys from the NGO have sent us the final location photo for the school they...</description>
<link>http://cssmania.com/blog/2008/08/20/indian-school-project-location.php</link>

<guid isPermaLink="false">12937@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>Many of you probably have donated money for our <a href="http://cssmania.com/blog/2007/12/17/we-are-building-a-school-in-india.php">Building a School In India Project</a> back in December 2007. We thank you all again.</p>

<p>The guys from the NGO have sent us the final location photo for the school they will build with that money (8000$ aproximately is what a 600 square feet classroom costs, including built up area). As the donations were 11271$ (<a href="http://cssmania.com">we</a> did it 12000$) , with those 4000$ we can make 20 children a little bit "happier" during a year, so they will be able to attend to the school for "free" during a year (that means no extra "costs" for their families). And that's what we decided.</p>

<p><img alt="" src="http://cssmania.com/blog/img/cssmania_school_location_1.jpg" width="450" height="323" class="center" /></p>

<p>School will be located in the northern-eastern part of <a href="http://en.wikipedia.org/wiki/Bihar">Bihar</a>, and will be built in 3 months aproximately, most likely before the end of 2008. Above you can see the school's location.</p>

<p>More pics will come when construction begins.</p>]]></content:encoded>

<category>What's going on</category>
<pubDate>Wed, 20 Aug 2008 11:01:43 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>Want to be an editor in CSSMania ?</title>
<description>Ok, we want to do this fast. The faster, the better. So we took this text to use it in our killer CSSMania. One of the things we would like to improve from now on is the number of articles...</description>
<link>http://cssmania.com/blog/2008/08/18/want-to-be-an-editor-in-cssmania-.php</link>

<guid isPermaLink="false">12921@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>Ok, we want to do this fast. The faster, the better. So we took this <a href="http://www.vista4beginners.com/Looking-for-editors">text</a> to use it in our killer <a href="http://cssmania.com">CSSMania</a>.</p>

<p>One of the things we would like to improve from now on is the number of articles published per week. Right now we are not posting more than 2-3 articles a month. To be honest, the only thing we are publishing is just <a href="http://cssmania.com/blog/themes/creme-de-la-creme/">Creme de la Creme</a> posts (we didnt realized we did seventeen already) and useful info of what's going on in here.</p>

<p>In order to achieve such a goal we definitely need more (well, right now it is just me) volunteers willing to write with us. So, if you wrote one useful tutorial, a nice review, etc and you want to have it published on our site, don't hesitate to <a href="http://cssmania.com/contact">contact us</a>. If you want to be an editor with us and feel you have the skills, the knowledge and you can write at least once a week something useful for our huge community, we are really open to <a href="http://cssmania.com/contact/">your ideas</a>. Feel like you can talk about one of the sites we consider the best of the month, once a month? Then we want you to write for us.</p>

<p>Are we paying? Yes we are, however before a price can be set we must gauge your abilities over the course of a month. So, use our <a href="http://cssmania.com/contact">contact</a> form, let us know what you can do, what you have done, talk to us about the weather, your city, yourself... whatever... we will for sure answer you.</p>

<p><strong>Updated: 11th September 2008 (07:24AM GMT+1) Editors submission period has finished.</strong></p>]]></content:encoded>

<category>What's going on</category>
<pubDate>Mon, 18 Aug 2008 21:16:37 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>Hurry UP! Summer Sales!</title>
<description> We know it is holidays time, but we know not all of us are enjoying them or we have already enjoyed them. Wanna have your banner displayed several million times a month? Are you a new advertiser in CSS...</description>
<link>http://cssmania.com/blog/2008/08/07/hurry-up-summer-sales.php</link>

<guid isPermaLink="false">12842@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p><img alt="" src="http://cssmania.com/blog/img/it_is_holiday_time.jpg" width="490" height="130" class="center" /></p>

<p> We know it is holidays time, but we know not all of us are enjoying them or we have already enjoyed them. Wanna have your banner displayed several million times a month? Are you a new advertiser in <a href="http://cssmania.com">CSS Mania</a>?. Let us <a href="http://cssmania.com/contact">know</a> and we will do 20% on each of our advertising <a href="http://cssmania.com/ads">options</a> if you purchase it before the 15th of August.</p>

<p>This is only applicable to new advertisers.</p>

<p>Photo credits: <a href="http://www.8mobile.org">8mobile</a>]]></content:encoded>

<category>What's going on</category>
<pubDate>Thu, 07 Aug 2008 14:34:38 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>Creme de la Creme - July 2008</title>
<description>In no particular order (except the alphabetical one), here is our top 10 selection for the month of July 2008. Enjoy. Btw, we are back from our holidays....</description>
<link>http://cssmania.com/blog/2008/08/04/creme-de-la-creme-july-2008.php</link>

<guid isPermaLink="false">12811@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>In no particular order (except the alphabetical one), here is our top 10 selection for the month of <a href="http://cssmania.com/galleries/2008/07/">July 2008</a>. Enjoy. Btw, we are back from our holidays.</p> 

<p><a href="http://dell.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/dellcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.divvoted.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/divvotedcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.hoomancan.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/hoomancancom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.liptongreenmint.ro/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/liptongreenmintro.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://origencreatives.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/origencreativescom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.ownkokaneesprings.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/ownkokaneespringscom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.stonecoastproperties.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/stonecoastpropertiescom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.thebrowncorporation.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/thebrowncorporationcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.themattinator.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/themattinatorcom.jpg" width="500" height="125" class="center" /></a></p>

<p><a href="http://www.woothemes.com/"><img alt="" src="http://cssmania.com/blog/img/2008_07_top_10_selections/woothemescom.jpg" width="500" height="125" class="center" /></a></p>]]></content:encoded>

<category>Creme de la Creme</category>
<pubDate>Mon, 04 Aug 2008 09:42:49 +0100</pubDate>
<trackback:ping />


</item>
<item>
<title>As you may be aware ... holidays</title>
<description>We know there hasnt been updates since Sunday... but, that's cause we are on holidays. Our updating will be done once each 3 days. We keep on reading e-mails. Thanks for your understanding....</description>
<link>http://cssmania.com/blog/2008/07/16/as-you-may-be-aware-holidays.php</link>

<guid isPermaLink="false">12687@http://cssmania.com/blog/</guid>
<content:encoded><![CDATA[<p>We know there hasnt been updates since Sunday... but, that's cause we are on holidays. Our updating will be done once each 3 days. We keep on reading e-mails. Thanks for your understanding. </p>]]></content:encoded>

<category>What's going on</category>
<pubDate>Wed, 16 Jul 2008 22:36:58 +0100</pubDate>
<trackback:ping />


</item>


</channel>
</rss>
