
<?phpxml 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/"
>
<channel>
<title>Design Float / woork / All</title>
<link>http://www.designfloat.com</link>
<description>Design Float is a Digg style news website focused around the design community.</description>
<pubDate>Sat, 22 Nov 2008 22:02:09 +0000</pubDate>
<language>en</language>
<item>
<title><![CDATA[10 Free powerful Content Management Systems]]></title>
<link>http://www.designfloat.com/WebDesign/10-free-powerful-content-management-systems/</link>
<comments>http://www.designfloat.com/WebDesign/10-free-powerful-content-management-systems/</comments>
<pubDate>Sat, 22 Nov 2008 22:02:09 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/10-free-powerful-content-management-systems/</guid>
<description><![CDATA[Content Management Systems help web developers create, manage and publish quickly blogs, portal or social collaboration websites. Probably you know the most popular CMS tools such as WordPress, Movable Type, Joomla!, Mambo but there are a lot of similar CMS tools for all needs.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[20 Great PHP frameworks for developers]]></title>
<link>http://www.designfloat.com/WebDesign/20-great-php-frameworks-for-developers/</link>
<comments>http://www.designfloat.com/WebDesign/20-great-php-frameworks-for-developers/</comments>
<pubDate>Thu, 20 Nov 2008 23:09:16 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/20-great-php-frameworks-for-developers/</guid>
<description><![CDATA[A good PHP framework can help you develope a PHP application quickly, with more simplicity and with a vision &quot;best-practices-oriented&quot;. Take a look at this list with 20 great PHP frameworks.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Useful guidelines to improve CSS coding and maintainability]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/useful-guidelines-to-improve-css-coding-and-maintainability/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/useful-guidelines-to-improve-css-coding-and-maintainability/</comments>
<pubDate>Wed, 19 Nov 2008 00:06:29 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/useful-guidelines-to-improve-css-coding-and-maintainability/</guid>
<description><![CDATA[This post illustrates some simple guidelines and tips which can help you to improve CSS coding and maintainability process following this simple rules: reduce code complexity and optimize your CSS structure.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[CSS coding: semantic approach in naming convention]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/css-coding-semantic-approach-in-naming-convention/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/css-coding-semantic-approach-in-naming-convention/</comments>
<pubDate>Sun, 16 Nov 2008 22:18:37 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/css-coding-semantic-approach-in-naming-convention/</guid>
<description><![CDATA[Naming convention in CSS coding is an &quot;hot&quot; discussion topic. This post illustrates some suggests and guidelines to use a semantic approach instead of a structural approach in naming CSS classes, analyzing the essential elements of a popular 3 column layout.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Useful resources and tutorials for developing stunning web sites]]></title>
<link>http://www.designfloat.com/WebDesign/useful-resources-and-tutorials-for-developing-stunning-web-sites/</link>
<comments>http://www.designfloat.com/WebDesign/useful-resources-and-tutorials-for-developing-stunning-web-sites/</comments>
<pubDate>Mon, 20 Oct 2008 21:25:05 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/useful-resources-and-tutorials-for-developing-stunning-web-sites/</guid>
<description><![CDATA[Are you looking for fresh and useful tutorials for developing stunning web designs? Take a look at this list of free resources ready to use in your web projects.<br/><br/>33 Floats ]]></description>
</item>

<item>
<title><![CDATA[Joomla! extension: super news ticker]]></title>
<link>http://www.designfloat.com/WebDesign/joomla-extension-super-news-ticker/</link>
<comments>http://www.designfloat.com/WebDesign/joomla-extension-super-news-ticker/</comments>
<pubDate>Sat, 18 Oct 2008 19:50:20 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/joomla-extension-super-news-ticker/</guid>
<description><![CDATA[My friend Daniel Bojorge released this Joomla! extension which implements my News Ticker, with news vertical scrolling, using mootools. It works with Joomla! 1.0 and 1.5 legacy.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[10 Useful tutorials to learn Scriptaculous]]></title>
<link>http://www.designfloat.com/WebDesign/10-useful-tutorials-to-learn-scriptaculous/</link>
<comments>http://www.designfloat.com/WebDesign/10-useful-tutorials-to-learn-scriptaculous/</comments>
<pubDate>Tue, 07 Oct 2008 20:53:00 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/10-useful-tutorials-to-learn-scriptaculous/</guid>
<description><![CDATA[This is a list of ten useful articles about Script.aculo.us which includes practical, basic and advanced tips to help you to implement quickly modern solutions for your web projects.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Woork: Automatic news ticker with vertical scrolling and Start/Resume options]]></title>
<link>http://www.designfloat.com/WebDesign/woork-automatic-news-ticker-with-vertical-scrolling-and-startresume-options/</link>
<comments>http://www.designfloat.com/WebDesign/woork-automatic-news-ticker-with-vertical-scrolling-and-startresume-options/</comments>
<pubDate>Mon, 06 Oct 2008 21:26:36 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/woork-automatic-news-ticker-with-vertical-scrolling-and-startresume-options/</guid>
<description><![CDATA[A ready to use script to implement quickly a nice news ticker with vertical scrolling and Start/Resum options.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Woork: Freebies]]></title>
<link>http://www.designfloat.com/General/woork-freebies/</link>
<comments>http://www.designfloat.com/General/woork-freebies/</comments>
<pubDate>Mon, 06 Oct 2008 19:09:21 +0000</pubDate>
<dc:creator></dc:creator>
<category>General</category>
<guid>http://www.designfloat.com/General/woork-freebies/</guid>
<description><![CDATA[A collection of free fonts, incons, Blogger and Wordpress templates...<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[5 Beautiful penstyle fonts]]></title>
<link>http://www.designfloat.com/GraphicDesign/5-beautiful-penstyle-fonts/</link>
<comments>http://www.designfloat.com/GraphicDesign/5-beautiful-penstyle-fonts/</comments>
<pubDate>Sun, 05 Oct 2008 18:00:49 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/5-beautiful-penstyle-fonts/</guid>
<description><![CDATA[This is a list of some of my favourite penstyle fonts you can download and use on your design projects.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Free tools to create your own social network Facebook-like]]></title>
<link>http://www.designfloat.com/General/free-tools-to-create-your-own-social-network-facebook-like/</link>
<comments>http://www.designfloat.com/General/free-tools-to-create-your-own-social-network-facebook-like/</comments>
<pubDate>Sun, 05 Oct 2008 15:19:31 +0000</pubDate>
<dc:creator></dc:creator>
<category>General</category>
<guid>http://www.designfloat.com/General/free-tools-to-create-your-own-social-network-facebook-like/</guid>
<description><![CDATA[Are you looking for free tools to create your own social network Facebook-like? Take a look at this popular free services on-line.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Daily Inspired: free professional Blogger Template]]></title>
<link>http://www.designfloat.com/WebDesign/daily-inspired-free-professional-blogger-template/</link>
<comments>http://www.designfloat.com/WebDesign/daily-inspired-free-professional-blogger-template/</comments>
<pubDate>Fri, 03 Oct 2008 22:08:10 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/daily-inspired-free-professional-blogger-template/</guid>
<description><![CDATA[Daily Inspired is a beautiful, highly customized and professional Blogger template with a stunning Newspaper-Style. If you are a Blogger user you can't miss it!<br/><br/>10 Floats ]]></description>
</item>

<item>
<title><![CDATA[10 Useful articles about Database design]]></title>
<link>http://www.designfloat.com/WebDesign/10-useful-articles-about-database-design/</link>
<comments>http://www.designfloat.com/WebDesign/10-useful-articles-about-database-design/</comments>
<pubDate>Tue, 30 Sep 2008 20:42:13 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/10-useful-articles-about-database-design/</guid>
<description><![CDATA[This is a list of ten useful articles about database design which includes some tips and practical suggests to help you to design quickly databases for your web projects.The list includes some tips to define relationships-entities model, common database design mistakes, database normalization, how to use PHP and SQL to create tables and relationships and a correct approach to define relationships between tables.<br/><br/>12 Floats ]]></description>
</item>

<item>
<title><![CDATA[MooTools Basic Tips: interaction with HTML Form]]></title>
<link>http://www.designfloat.com/WebDesign/mootools-basic-tips-interaction-with-html-form/</link>
<comments>http://www.designfloat.com/WebDesign/mootools-basic-tips-interaction-with-html-form/</comments>
<pubDate>Fri, 26 Sep 2008 16:26:54 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/mootools-basic-tips-interaction-with-html-form/</guid>
<description><![CDATA[This post illustrates how to implement simple interactions with form input elements using this powerful framework and unobtrusive JavaScript code.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Woork: 10 Beautiful icons set for web developers and designers]]></title>
<link>http://www.designfloat.com/WebDesign/woork-10-beautiful-icons-set-for-web-developers-and-designers/</link>
<comments>http://www.designfloat.com/WebDesign/woork-10-beautiful-icons-set-for-web-developers-and-designers/</comments>
<pubDate>Thu, 18 Sep 2008 21:46:15 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/woork-10-beautiful-icons-set-for-web-developers-and-designers/</guid>
<description><![CDATA[This post contains a collection of 10 beautiful and very popular icons set useful to be used in your web applications or your websites.<br/><br/>16 Floats ]]></description>
</item>

<item>
<title><![CDATA[Step by step guide for newbie to design a simple web application (part 1)]]></title>
<link>http://www.designfloat.com/WebDesign/step-by-step-guide-for-newbie-to-design-a-simple-web-application-part-1/</link>
<comments>http://www.designfloat.com/WebDesign/step-by-step-guide-for-newbie-to-design-a-simple-web-application-part-1/</comments>
<pubDate>Sun, 14 Sep 2008 14:14:12 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/step-by-step-guide-for-newbie-to-design-a-simple-web-application-part-1/</guid>
<description><![CDATA[Design a web application requires hard work and knowledge of HTML, CSS, database and javascript. With this step-by-step guide I want to illustrate some basic tips for newbie to design their first (really simple!) web application using PHP, MySQL, Ajax features and MooTools.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[7 Stunning tutorials to design modern interfaces for websites]]></title>
<link>http://www.designfloat.com/WebDesign/7-stunning-tutorials-to-design-modern-interfaces-for-websites/</link>
<comments>http://www.designfloat.com/WebDesign/7-stunning-tutorials-to-design-modern-interfaces-for-websites/</comments>
<pubDate>Wed, 10 Sep 2008 21:31:56 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/7-stunning-tutorials-to-design-modern-interfaces-for-websites/</guid>
<description><![CDATA[Seven tutorials to design original interfaces using the most popular JavaScript Framework: Prototype, MooTools and Scriptaculous.<br/><br/>14 Floats ]]></description>
</item>

<item>
<title><![CDATA[7 Tips to design professional blog layout using Blogger]]></title>
<link>http://www.designfloat.com/WebDesign/7-tips-to-design-professional-blog-layout-using-blogger/</link>
<comments>http://www.designfloat.com/WebDesign/7-tips-to-design-professional-blog-layout-using-blogger/</comments>
<pubDate>Sat, 06 Sep 2008 15:21:50 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/7-tips-to-design-professional-blog-layout-using-blogger/</guid>
<description><![CDATA[Blogger it's a very powerful platform to publish your blog. It's free and with some features which you can customize how you prefer, without limits.In this post I want to illustrate some tips which can help you to improve your Blogger template to design a professional layout for your blog.<br/><br/>11 Floats ]]></description>
</item>

<item>
<title><![CDATA[5 Photoshop and Illustrator brushes set for web designer]]></title>
<link>http://www.designfloat.com/WebDesign/5-photoshop-and-illustrator-brushes-set-for-web-designer/</link>
<comments>http://www.designfloat.com/WebDesign/5-photoshop-and-illustrator-brushes-set-for-web-designer/</comments>
<pubDate>Sat, 30 Aug 2008 17:19:05 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/5-photoshop-and-illustrator-brushes-set-for-web-designer/</guid>
<description><![CDATA[This collection includes over 60 brushes: pencil lines, grunge Polaroid photos, diagonal lines for webpages background, safety pins and shape tags<br/><br/>7 Floats ]]></description>
</item>

<item>
<title><![CDATA[Elegant glass style navigation bar using CSS and toggle animated effect]]></title>
<link>http://www.designfloat.com/WebDesign/elegant-glass-style-navigation-bar-using-css-and-toggle-animated-effect/</link>
<comments>http://www.designfloat.com/WebDesign/elegant-glass-style-navigation-bar-using-css-and-toggle-animated-effect/</comments>
<pubDate>Thu, 28 Aug 2008 20:39:18 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/elegant-glass-style-navigation-bar-using-css-and-toggle-animated-effect/</guid>
<description><![CDATA[This tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools.<br/><br/>11 Floats ]]></description>
</item>

<item>
<title><![CDATA[Creative way to present yourself in a 40 second long video]]></title>
<link>http://www.designfloat.com/MotionGraphics/creative-way-to-present-yourself-in-a-40-second-long-video/</link>
<comments>http://www.designfloat.com/MotionGraphics/creative-way-to-present-yourself-in-a-40-second-long-video/</comments>
<pubDate>Sun, 24 Aug 2008 16:19:30 +0000</pubDate>
<dc:creator></dc:creator>
<category>Motion Graphics</category>
<guid>http://www.designfloat.com/MotionGraphics/creative-way-to-present-yourself-in-a-40-second-long-video/</guid>
<description><![CDATA[A stunning kinetic typography video to get inspiration to present yourself!<br/><br/>5 Floats ]]></description>
</item>

<item>
<title><![CDATA[MooTools Basic Tips (lesson 2): get elements ID using unobtrusive code]]></title>
<link>http://www.designfloat.com/WebDesign/mootools-basic-tips-lesson-2-get-elements-id-using-unobtrusive-code/</link>
<comments>http://www.designfloat.com/WebDesign/mootools-basic-tips-lesson-2-get-elements-id-using-unobtrusive-code/</comments>
<pubDate>Sat, 23 Aug 2008 21:45:02 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/mootools-basic-tips-lesson-2-get-elements-id-using-unobtrusive-code/</guid>
<description><![CDATA[In this second lesson I want to illustrate how to get the ID of DOM elements using MooTools and unobtrusive elegant code.<br/><br/>8 Floats ]]></description>
</item>

<item>
<title><![CDATA[Daily inspiration: 10 Websites to get design inspiration]]></title>
<link>http://www.designfloat.com/Showcases_Galleries/daily-inspiration-10-websites-to-get-design-inspiration/</link>
<comments>http://www.designfloat.com/Showcases_Galleries/daily-inspiration-10-websites-to-get-design-inspiration/</comments>
<pubDate>Fri, 22 Aug 2008 17:09:57 +0000</pubDate>
<dc:creator></dc:creator>
<category>Showcases &amp; Galleries</category>
<guid>http://www.designfloat.com/Showcases_Galleries/daily-inspiration-10-websites-to-get-design-inspiration/</guid>
<description><![CDATA[Are you looking for design inspiration for your next web project? Take a look at these websites:<br/><br/>8 Floats ]]></description>
</item>

<item>
<title><![CDATA[10 Handwritten fonts you can't miss]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/10-handwritten-fonts-you-cant-miss/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/10-handwritten-fonts-you-cant-miss/</comments>
<pubDate>Tue, 12 Aug 2008 21:31:10 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/10-handwritten-fonts-you-cant-miss/</guid>
<description><![CDATA[This is a list of my preferred Handwritten fonts I often use in my design projects. I included a link to download each font apart and some suggest about how you can use them.<br/><br/>13 Floats ]]></description>
</item>

<item>
<title><![CDATA[25 Awesome tutorials for web designers]]></title>
<link>http://www.designfloat.com/WebDesign/25-awesome-tutorials-for-web-designers/</link>
<comments>http://www.designfloat.com/WebDesign/25-awesome-tutorials-for-web-designers/</comments>
<pubDate>Mon, 11 Aug 2008 12:47:34 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/25-awesome-tutorials-for-web-designers/</guid>
<description><![CDATA[This is a collection of the best tutorials for web designers I found this month browsing some websites I like. It also includes some of my popular post :) Take a look!<br/><br/>16 Floats ]]></description>
</item>

<item>
<title><![CDATA[News ticker with horizontal scroller using Mootools]]></title>
<link>http://www.designfloat.com/WebDesign/news-ticker-with-horizontal-scroller-using-mootools/</link>
<comments>http://www.designfloat.com/WebDesign/news-ticker-with-horizontal-scroller-using-mootools/</comments>
<pubDate>Mon, 28 Jul 2008 21:59:20 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/news-ticker-with-horizontal-scroller-using-mootools/</guid>
<description><![CDATA[This tutorial is another version of my News Ticker with Mootools I published yesterday. I want to reply to all that wrote me asking for information about how to implement a news ticker with horizontal scroller. Don't panic, it's very simple to implement and reuse in your projects.<br/><br/>6 Floats ]]></description>
</item>

<item>
<title><![CDATA[Fantastic News Ticker Newsvine-like using Mootools]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/fantastic-news-ticker-newsvine-like-using-mootools/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/fantastic-news-ticker-newsvine-like-using-mootools/</comments>
<pubDate>Sun, 27 Jul 2008 20:33:37 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/fantastic-news-ticker-newsvine-like-using-mootools/</guid>
<description><![CDATA[This tutorial explains how to implement a News Ticker (Newsvine LIVE panel - like), with news vertical scrolling, using mootools. It's very simple and quick to implement in your web projects.<br/><br/>6 Floats ]]></description>
</item>

<item>
<title><![CDATA[Tips to design your site for mobile devices]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/tips-to-design-your-site-for-mobile-devices/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/tips-to-design-your-site-for-mobile-devices/</comments>
<pubDate>Tue, 22 Jul 2008 22:13:27 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/tips-to-design-your-site-for-mobile-devices/</guid>
<description><![CDATA[This post illustrates some simple tips to develp a mobile version of your site: choosing an URL address, using a redirect script for mobile devices and designing a mobile-friendly layout using CSS and HTML.<br/><br/>7 Floats ]]></description>
</item>

<item>
<title><![CDATA[Useful tips to enrich your HTML Forms]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/useful-tips-to-enrich-your-html-forms/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/useful-tips-to-enrich-your-html-forms/</comments>
<pubDate>Fri, 18 Jul 2008 00:15:39 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/useful-tips-to-enrich-your-html-forms/</guid>
<description><![CDATA[In this post I want to share some simple tips useful to enrich your forms with various elements such as suggest messages, autosuggest feature instead of  tag, simple check during data input and how to show hidden fields selecting a radio element option.<br/><br/>9 Floats ]]></description>
</item>

<item>
<title><![CDATA[Design a nice pencil and handwritten style Woork like]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/design-a-nice-pencil-and-handwritten-style-woork-like/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/design-a-nice-pencil-and-handwritten-style-woork-like/</comments>
<pubDate>Mon, 14 Jul 2008 21:41:50 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/design-a-nice-pencil-and-handwritten-style-woork-like/</guid>
<description><![CDATA[Since I started my blog I used this style (pencil + handwritten), to design all images I added to my post. Now, I can say it has been a good choice because it's a little particular which my readers love and, in some way, gives a little bit of personality to my post. This post explains how you can replicate this effect on your site...<br/><br/>10 Floats ]]></description>
</item>

<item>
<title><![CDATA[Nice login and signup panel Newsvine like using CSS]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/nice-login-and-signup-panel-newsvine-like-using-css/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/nice-login-and-signup-panel-newsvine-like-using-css/</comments>
<pubDate>Sat, 12 Jul 2008 16:38:13 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/nice-login-and-signup-panel-newsvine-like-using-css/</guid>
<description><![CDATA[This tutorial explains how to design a simple Newsvine-like panel which includes both options (register and log-in) and appears/disappears cliking on a link in the navigation bar.<br/><br/>8 Floats ]]></description>
</item>

<item>
<title><![CDATA[Navigation bar with tabs using CSS & sliding doors effect]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/navigation-bar-with-tabs-using-css-sliding-doors-effect/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/navigation-bar-with-tabs-using-css-sliding-doors-effect/</comments>
<pubDate>Wed, 09 Jul 2008 20:01:00 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/navigation-bar-with-tabs-using-css-sliding-doors-effect/</guid>
<description><![CDATA[This tutorial explains how to design a navigation bar with tabs using CSS and sliding doors effect. I also used a single background image for the status of each tab (link, hover, active) changing only the position property for the CSS background attribute and some lines of PHP code to set a tab &quot;active&quot; when is defined an URL Variable related to the &quot;current&quot; page.<br/><br/>6 Floats ]]></description>
</item>

<item>
<title><![CDATA[Nice CSS menu with feed reader icons list]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/nice-css-menu-with-feed-reader-icons-list/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/nice-css-menu-with-feed-reader-icons-list/</comments>
<pubDate>Sun, 29 Jun 2008 12:13:59 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/nice-css-menu-with-feed-reader-icons-list/</guid>
<description><![CDATA[This tutorial illustrates how to design a nice CSS menu with a list of feed reader icons.<br/><br/>10 Floats ]]></description>
</item>

<item>
<title><![CDATA[FORM elements design using CSS and list (ul and dl)]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/form-elements-design-using-css-and-list-ul-and-dl/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/form-elements-design-using-css-and-list-ul-and-dl/</comments>
<pubDate>Sun, 15 Jun 2008 20:45:56 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/form-elements-design-using-css-and-list-ul-and-dl/</guid>
<description><![CDATA[This tutorial illustrates how to design a FORM using list to simulate a &quot;table&quot; structure where to place your form elements (input, radio, checkbox, button...)<br/><br/>8 Floats ]]></description>
</item>

<item>
<title><![CDATA[Clean and pure CSS FORM design]]></title>
<link>http://www.designfloat.com/WebDesign/clean-and-pure-css-form-design/</link>
<comments>http://www.designfloat.com/WebDesign/clean-and-pure-css-form-design/</comments>
<pubDate>Sun, 08 Jun 2008 20:15:36 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/clean-and-pure-css-form-design/</guid>
<description><![CDATA[This tutorial illustrates a simple way to design pure CSS form without using html tables<br/><br/>18 Floats ]]></description>
</item>

<item>
<title><![CDATA[Beautiful CSS buttons with icon set]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/beautiful-css-buttons-with-icon-set/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/beautiful-css-buttons-with-icon-set/</comments>
<pubDate>Mon, 02 Jun 2008 21:40:29 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/beautiful-css-buttons-with-icon-set/</guid>
<description><![CDATA[This tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and an icon set you like it.<br/><br/>3 Floats ]]></description>
</item>

<item>
<title><![CDATA[Pastel color menu with dynamic submenu using CSS]]></title>
<link>http://www.designfloat.com/WebDesign/pastel-color-menu-with-dynamic-submenu-using-css/</link>
<comments>http://www.designfloat.com/WebDesign/pastel-color-menu-with-dynamic-submenu-using-css/</comments>
<pubDate>Fri, 30 May 2008 20:32:45 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/pastel-color-menu-with-dynamic-submenu-using-css/</guid>
<description><![CDATA[This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS and some lines of javascript code.<br/><br/>9 Floats ]]></description>
</item>

<item>
<title><![CDATA[Improve form usability with auto messages]]></title>
<link>http://www.designfloat.com/GraphicDesign/improve-form-usability-with-auto-messages/</link>
<comments>http://www.designfloat.com/GraphicDesign/improve-form-usability-with-auto-messages/</comments>
<pubDate>Sun, 13 Apr 2008 21:58:02 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/improve-form-usability-with-auto-messages/</guid>
<description><![CDATA[This tutorial explains how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.<br/><br/>10 Floats ]]></description>
</item>

<item>
<title><![CDATA[woork: Nice animated menu using CSS and Mootools]]></title>
<link>http://www.designfloat.com/GraphicDesign/woork-nice-animated-menu-using-css-and-mootools/</link>
<comments>http://www.designfloat.com/GraphicDesign/woork-nice-animated-menu-using-css-and-mootools/</comments>
<pubDate>Wed, 09 Apr 2008 22:44:57 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/woork-nice-animated-menu-using-css-and-mootools/</guid>
<description><![CDATA[This tutorial illustrates how to implement a nice animated menu using Mootools and some lines of CSS and HTML code ready to reuse in your project.<br/><br/>11 Floats ]]></description>
</item>

<item>
<title><![CDATA[Scriptaculous effects compilation ready to use]]></title>
<link>http://www.designfloat.com/GraphicDesign/scriptaculous-effects-compilation-ready-to-use/</link>
<comments>http://www.designfloat.com/GraphicDesign/scriptaculous-effects-compilation-ready-to-use/</comments>
<pubDate>Sun, 06 Apr 2008 14:23:24 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/scriptaculous-effects-compilation-ready-to-use/</guid>
<description><![CDATA[This post is a compilation of five Scriptaculous tutorials ready to use in your projects (with source code to download) inspired to some Web 2.0 sites. It includes: images slider Flickr-like, opacity change, drag and drop to reorder a list, fade-in effect and Edit in Place.<br/><br/>1 Floats ]]></description>
</item>

</channel>
</rss>
