
<?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 / Popular Entries</title>
<link>http://www.designfloat.com</link>
<description>Design Float is a Digg style news website focused around the design community.</description>
<pubDate>Tue, 21 Oct 2008 02:49:59 +0000</pubDate>
<language>en</language>
<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>Tue, 21 Oct 2008 02:49:59 +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[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>Sun, 05 Oct 2008 09:10: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[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>Sun, 05 Oct 2008 09:10:11 +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[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>Sat, 20 Sep 2008 01:03:46 +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[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>Thu, 11 Sep 2008 03:08:24 +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 18:54:36 +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 19:04:14 +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 21:17:53 +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>Tue, 26 Aug 2008 02:17:12 +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>Sun, 24 Aug 2008 16:36:28 +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 21:39:35 +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 22:14:41 +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 14:26:01 +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>Tue, 29 Jul 2008 14:32:29 +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>Mon, 28 Jul 2008 14:16:25 +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>Wed, 23 Jul 2008 14:23:16 +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 01:05:54 +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:51:34 +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 17:28:08 +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:09:32 +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>Mon, 30 Jun 2008 04:16:37 +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>Mon, 16 Jun 2008 14:30:53 +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 22:08:08 +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[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:47:17 +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 22:06:13 +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 23:21:50 +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[Two CSS vertical menu with show/hide effects]]></title>
<link>http://www.designfloat.com/WebDesign/two-css-vertical-menu-with-showhide-effects/</link>
<comments>http://www.designfloat.com/WebDesign/two-css-vertical-menu-with-showhide-effects/</comments>
<pubDate>Sat, 05 Apr 2008 21:44:17 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/two-css-vertical-menu-with-showhide-effects/</guid>
<description><![CDATA[This is a tutorial with two CSS vertical menu examples with show/hide menu effects. First example uses a simple JavaScript code. Second example uses mootools to show/hide the menu with a nice vertical slide-in/slide-out effect.<br/><br/>12 Floats ]]></description>
</item>

<item>
<title><![CDATA[Top-Down approach to simplify your CSS code]]></title>
<link>http://www.designfloat.com/GraphicDesign/top-down-approach-to-simplify-your-css-code/</link>
<comments>http://www.designfloat.com/GraphicDesign/top-down-approach-to-simplify-your-css-code/</comments>
<pubDate>Sat, 05 Apr 2008 20:39:29 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/top-down-approach-to-simplify-your-css-code/</guid>
<description><![CDATA[This post illustrates some tips which can help you to write a better CSS code using a Top-Down approach.<br/><br/>13 Floats ]]></description>
</item>

<item>
<title><![CDATA[Nice Ajax effect for message box using Mootools]]></title>
<link>http://www.designfloat.com/Resources/nice-ajax-effect-for-message-box-using-mootools/</link>
<comments>http://www.designfloat.com/Resources/nice-ajax-effect-for-message-box-using-mootools/</comments>
<pubDate>Wed, 02 Apr 2008 21:00:03 +0000</pubDate>
<dc:creator></dc:creator>
<category>Resources</category>
<guid>http://www.designfloat.com/Resources/nice-ajax-effect-for-message-box-using-mootools/</guid>
<description><![CDATA[This tutorial explains how to implement a nice chain of effects (appear, fade out, delay) to apply to a message box after an ajax request using Mootools.<br/><br/>15 Floats ]]></description>
</item>

<item>
<title><![CDATA[Simple images slider to create Flickr-like slideshows]]></title>
<link>http://www.designfloat.com/WebDesign/simple-images-slider-to-create-flickr-like-slideshows-1/</link>
<comments>http://www.designfloat.com/WebDesign/simple-images-slider-to-create-flickr-like-slideshows-1/</comments>
<pubDate>Sat, 29 Mar 2008 11:40:55 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/simple-images-slider-to-create-flickr-like-slideshows-1/</guid>
<description><![CDATA[A Flickr-like slideshow (&quot;image carousel&quot;) ready to use, implemented using Prototype-UI, an awesome JavaScript framework based on Prototype and Scriptaculous. Really simple to customize!<br/><br/>6 Floats ]]></description>
</item>

<item>
<title><![CDATA[Using CSS & Mootools to Simulate Flash Horizontal Nav Effect]]></title>
<link>http://www.designfloat.com/WebDesign/using-css-mootools-to-simulate-flash-horizontal-nav-effect/</link>
<comments>http://www.designfloat.com/WebDesign/using-css-mootools-to-simulate-flash-horizontal-nav-effect/</comments>
<pubDate>Wed, 26 Mar 2008 05:36:39 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/using-css-mootools-to-simulate-flash-horizontal-nav-effect/</guid>
<description><![CDATA[This tutorial explains how to use Mootools and pure CSS / HTML code to simulate a Flash (follow mouse) horizontal navigation effect.<br/><br/>16 Floats ]]></description>
</item>

<item>
<title><![CDATA[Liquid expandable section with rounded corners using CSS]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/liquid-expandable-section-with-rounded-corners-using-css/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/liquid-expandable-section-with-rounded-corners-using-css/</comments>
<pubDate>Mon, 24 Mar 2008 15:17:40 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/liquid-expandable-section-with-rounded-corners-using-css/</guid>
<description><![CDATA[This tutorial explains how to design a nice liquid expandable section with rounded corners (top-left, top-right, bottom-left, bottom-right) using some lines of CSS, HTML and JavaScript code.<br/><br/>7 Floats ]]></description>
</item>

<item>
<title><![CDATA[Sliding top panel using mootools]]></title>
<link>http://www.designfloat.com/Programming/sliding-top-panel-using-mootools/</link>
<comments>http://www.designfloat.com/Programming/sliding-top-panel-using-mootools/</comments>
<pubDate>Thu, 20 Mar 2008 10:45:47 +0000</pubDate>
<dc:creator></dc:creator>
<category>Programming</category>
<guid>http://www.designfloat.com/Programming/sliding-top-panel-using-mootools/</guid>
<description><![CDATA[This tutorial explains how to realize a simple sliding top panel (top/down) using mootools, some line of css code and JavaScript.<br/><br/>10 Floats ]]></description>
</item>

<item>
<title><![CDATA[Toggle effect using Scriptaculous]]></title>
<link>http://www.designfloat.com/WebDesign/toggle-effect-using-scriptaculous/</link>
<comments>http://www.designfloat.com/WebDesign/toggle-effect-using-scriptaculous/</comments>
<pubDate>Sat, 23 Feb 2008 13:40:53 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/toggle-effect-using-scriptaculous/</guid>
<description><![CDATA[This tutorial explains how to implement a simple Toggle effect use Scriptaculous framework.<br/><br/>16 Floats ]]></description>
</item>

<item>
<title><![CDATA[Five web 2.0 CSS menu tutorials]]></title>
<link>http://www.designfloat.com/WebDesign/five-web-2-0-css-menu-tutorials/</link>
<comments>http://www.designfloat.com/WebDesign/five-web-2-0-css-menu-tutorials/</comments>
<pubDate>Fri, 22 Feb 2008 13:31:00 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/five-web-2-0-css-menu-tutorials/</guid>
<description><![CDATA[This post is a compilation of five CSS menu tutorials inspired to some Web 2.0 sites with round corners, scriptaculous and ajax effect.<br/><br/>16 Floats ]]></description>
</item>

<item>
<title><![CDATA[Add Design Float  button on Blogger template]]></title>
<link>http://www.designfloat.com/Resources/add-design-float-button-on-blogger-template/</link>
<comments>http://www.designfloat.com/Resources/add-design-float-button-on-blogger-template/</comments>
<pubDate>Wed, 23 Jan 2008 10:11:31 +0000</pubDate>
<dc:creator></dc:creator>
<category>Resources</category>
<guid>http://www.designfloat.com/Resources/add-design-float-button-on-blogger-template/</guid>
<description><![CDATA[This tutorial explains how to add a Float it! button on each post on your Blogger template.<br/><br/>10 Floats ]]></description>
</item>

<item>
<title><![CDATA[Mootools animated sidebar menu]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/mootools-animated-sidebar-menu/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/mootools-animated-sidebar-menu/</comments>
<pubDate>Mon, 21 Jan 2008 17:40:11 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/mootools-animated-sidebar-menu/</guid>
<description><![CDATA[This tutorial explains how to implement an animated menu using mootools<br/><br/>24 Floats ]]></description>
</item>

<item>
<title><![CDATA[Simple CSS vertical menu Digg-like]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/simple-css-vertical-menu-digg-like/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/simple-css-vertical-menu-digg-like/</comments>
<pubDate>Mon, 21 Jan 2008 10:09:02 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/simple-css-vertical-menu-digg-like/</guid>
<description><![CDATA[This tutorial explains how to implement a simple vertical menu digg-like using CSS and javascript to show/hide sub-menu.<br/><br/>13 Floats ]]></description>
</item>

</channel>
</rss>
