
<?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 / Upcoming Entries</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[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[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[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[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[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>

<item>
<title><![CDATA[Nice comments counter style for your blog post]]></title>
<link>http://www.designfloat.com/GraphicDesign/nice-comments-counter-style-for-your-blog-post/</link>
<comments>http://www.designfloat.com/GraphicDesign/nice-comments-counter-style-for-your-blog-post/</comments>
<pubDate>Thu, 27 Mar 2008 23:37:54 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/nice-comments-counter-style-for-your-blog-post/</guid>
<description><![CDATA[This post illustrates how to design a nice comments counter for your blog post and obtain an elegant post header using just some lines of CSS code.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[CSS Message Box collection]]></title>
<link>http://www.designfloat.com/GraphicDesign/css-message-box-collection/</link>
<comments>http://www.designfloat.com/GraphicDesign/css-message-box-collection/</comments>
<pubDate>Fri, 21 Mar 2008 18:00:27 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/css-message-box-collection/</guid>
<description><![CDATA[Message boxes are useful elements to display status messages after or during a specific user request. Some days ago I wrote this post about how to implement a nice Ajax chains of effects (fade in, delay, fade out) for a common message box using mootools. Today I want to share with you a collection of some simple CSS styles you can apply to your message boxes (clean, solid, iconized, alternated rounded borders, tooltip).<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Clean Tab Bar Digg-like using CSS]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/clean-tab-bar-digg-like-using-css/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/clean-tab-bar-digg-like-using-css/</comments>
<pubDate>Tue, 18 Mar 2008 19:19:58 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/clean-tab-bar-digg-like-using-css/</guid>
<description><![CDATA[This tutorial explains how to design a clean Tab Bar (Digg-like) with rounded tabs (liquid width) using CSS and just one background image to manage all status for each tab (standard, active, hover).<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Perfect pagination style using CSS]]></title>
<link>http://www.designfloat.com/CSS_WebStandards/perfect-pagination-style-using-css/</link>
<comments>http://www.designfloat.com/CSS_WebStandards/perfect-pagination-style-using-css/</comments>
<pubDate>Sun, 16 Mar 2008 12:56:08 +0000</pubDate>
<dc:creator></dc:creator>
<category>CSS &amp; Web Standards</category>
<guid>http://www.designfloat.com/CSS_WebStandards/perfect-pagination-style-using-css/</guid>
<description><![CDATA[This tutorial explains how to design a perfect pagination style using HTML and CSS for search results or more in general to split a long list of records in more pages.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[How to design a sexy header for your site using CSS]]></title>
<link>http://www.designfloat.com/WebDesign/how-to-design-a-sexy-header-for-your-site-using-css/</link>
<comments>http://www.designfloat.com/WebDesign/how-to-design-a-sexy-header-for-your-site-using-css/</comments>
<pubDate>Sun, 09 Mar 2008 14:12:42 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/how-to-design-a-sexy-header-for-your-site-using-css/</guid>
<description><![CDATA[Some tips to design a simple, clear typographic header for your site.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Mootools effects compilation]]></title>
<link>http://www.designfloat.com/GraphicDesign/mootools-effects-compilation/</link>
<comments>http://www.designfloat.com/GraphicDesign/mootools-effects-compilation/</comments>
<pubDate>Fri, 07 Mar 2008 07:00:22 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/mootools-effects-compilation/</guid>
<description><![CDATA[This post is a compilation of five mootools tutorials ready to use in your project (with source code to download) inspired to some Web 2.0 sites. It includes: sliding top panel, lightbox, expandable section, message box effects and animated sidebar menu.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Lovable font-family for your site]]></title>
<link>http://www.designfloat.com/GraphicDesign/lovable-font-family-for-your-site/</link>
<comments>http://www.designfloat.com/GraphicDesign/lovable-font-family-for-your-site/</comments>
<pubDate>Wed, 05 Mar 2008 09:08:57 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/lovable-font-family-for-your-site/</guid>
<description><![CDATA[When I design a website or more in general a graphic composition there are two things which bother me: the color palette and the font-family. After some trials I find a color palette which satisfy me pretty simply but when I have to choose the font...<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Best resources on-line for color schemes generators]]></title>
<link>http://www.designfloat.com/GraphicDesign/best-resources-on-line-for-color-schemes-generators/</link>
<comments>http://www.designfloat.com/GraphicDesign/best-resources-on-line-for-color-schemes-generators/</comments>
<pubDate>Sun, 02 Mar 2008 10:12:03 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/best-resources-on-line-for-color-schemes-generators/</guid>
<description><![CDATA[Color schemes generators are a good resource which helps web designers to find inspiration to create harmonious palette and design nice color schemes layout for web project or in general for graphic design.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Elegant navigation bar using CSS]]></title>
<link>http://www.designfloat.com/GraphicDesign/elegant-navigation-bar-using-css/</link>
<comments>http://www.designfloat.com/GraphicDesign/elegant-navigation-bar-using-css/</comments>
<pubDate>Thu, 28 Feb 2008 16:57:42 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/elegant-navigation-bar-using-css/</guid>
<description><![CDATA[This tutorial explains how to design an elegant navigation bar (gettyone inspired) for your site using CSS.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Five basic Ajax tutorials]]></title>
<link>http://www.designfloat.com/Resources/five-basic-ajax-tutorials/</link>
<comments>http://www.designfloat.com/Resources/five-basic-ajax-tutorials/</comments>
<pubDate>Wed, 27 Feb 2008 09:50:04 +0000</pubDate>
<dc:creator></dc:creator>
<category>Resources</category>
<guid>http://www.designfloat.com/Resources/five-basic-ajax-tutorials/</guid>
<description><![CDATA[This post is a collection of five basic and most required Ajax tutorials with PHP. It inlcudes login, insert record into a database table, search engine, autosuggest and Edit in Place.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Deleting record with Ajax using prototype.js and PHP]]></title>
<link>http://www.designfloat.com/Resources/deleting-record-with-ajax-using-prototype-js-and-php/</link>
<comments>http://www.designfloat.com/Resources/deleting-record-with-ajax-using-prototype-js-and-php/</comments>
<pubDate>Wed, 27 Feb 2008 07:01:10 +0000</pubDate>
<dc:creator></dc:creator>
<category>Resources</category>
<guid>http://www.designfloat.com/Resources/deleting-record-with-ajax-using-prototype-js-and-php/</guid>
<description><![CDATA[This tutorial explains how to use prototype.js framework an PHP to delete a record from a database with Ajax. This is a simple overview with basic features you can use and improve in your web projects.<br/><br/>4 Floats ]]></description>
</item>

<item>
<title><![CDATA[woork: Are you a CSS fanatic?]]></title>
<link>http://www.designfloat.com/WebDesign/woork-are-you-a-css-fanatic/</link>
<comments>http://www.designfloat.com/WebDesign/woork-are-you-a-css-fanatic/</comments>
<pubDate>Tue, 26 Feb 2008 18:22:01 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/woork-are-you-a-css-fanatic/</guid>
<description><![CDATA[No tables for a perfect CSS skin for your page... or not?<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Beautiful CSS Form]]></title>
<link>http://www.designfloat.com/GraphicDesign/beautiful-css-form/</link>
<comments>http://www.designfloat.com/GraphicDesign/beautiful-css-form/</comments>
<pubDate>Mon, 25 Feb 2008 09:07:14 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/beautiful-css-form/</guid>
<description><![CDATA[This tutorial explains how to design a beautiful form (Facebook inspired) using a clean CSS design with only &quot;label&quot; and &quot;input&quot; tags to simulate an HTML &quot;table&quot; structure. You can reuse all CSS/HTML elements to design your custom form for your web projects:<br/><br/>3 Floats ]]></description>
</item>

<item>
<title><![CDATA[Sort table rows using Ajax]]></title>
<link>http://www.designfloat.com/WebDesign/sort-table-rows-using-ajax/</link>
<comments>http://www.designfloat.com/WebDesign/sort-table-rows-using-ajax/</comments>
<pubDate>Fri, 22 Feb 2008 19:26:22 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/sort-table-rows-using-ajax/</guid>
<description><![CDATA[A simple way to sort data into a table with a simple click on table headers with Ajax.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Gettyone-like search options menu with Scriptaculous]]></title>
<link>http://www.designfloat.com/WebDesign/gettyone-like-search-options-menu-with-scriptaculous/</link>
<comments>http://www.designfloat.com/WebDesign/gettyone-like-search-options-menu-with-scriptaculous/</comments>
<pubDate>Mon, 18 Feb 2008 17:34:48 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/gettyone-like-search-options-menu-with-scriptaculous/</guid>
<description><![CDATA[This tutorial explains how to implement a Gettyone-like search options menu which display a layer with some search options below the input search field, when an user click on the input field to searching for something.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Opacity change using Scriptaculous]]></title>
<link>http://www.designfloat.com/GraphicDesign/opacity-change-using-scriptaculous/</link>
<comments>http://www.designfloat.com/GraphicDesign/opacity-change-using-scriptaculous/</comments>
<pubDate>Mon, 11 Feb 2008 07:38:58 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/opacity-change-using-scriptaculous/</guid>
<description><![CDATA[This tutorial explains how to use Scriptaculous to implement a nice &quot;change opacity&quot; effect for a layer and its content.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Using prototype.js to add record into database with ajax]]></title>
<link>http://www.designfloat.com/GraphicDesign/using-prototype-js-to-add-record-into-database-with-ajax/</link>
<comments>http://www.designfloat.com/GraphicDesign/using-prototype-js-to-add-record-into-database-with-ajax/</comments>
<pubDate>Sat, 09 Feb 2008 17:09:46 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/using-prototype-js-to-add-record-into-database-with-ajax/</guid>
<description><![CDATA[This tutorial explains how to use prototype.js framework to enable a simple ajax request which add a new record (an user name) into a database table using PHP like server side language.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Drag and drop to order list elements with Scriptaculous]]></title>
<link>http://www.designfloat.com/Tutorials/drag-and-drop-to-order-list-elements-with-scriptaculous/</link>
<comments>http://www.designfloat.com/Tutorials/drag-and-drop-to-order-list-elements-with-scriptaculous/</comments>
<pubDate>Fri, 08 Feb 2008 15:15:57 +0000</pubDate>
<dc:creator></dc:creator>
<category>Tutorials</category>
<guid>http://www.designfloat.com/Tutorials/drag-and-drop-to-order-list-elements-with-scriptaculous/</guid>
<description><![CDATA[This tutorial explains how to use Scriptaculous to implement an HTML list with drag and drop feature to reorder list elements.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Effect appear (fade-in) using Scriptaculous]]></title>
<link>http://www.designfloat.com/GraphicDesign/effect-appear-fade-in-using-scriptaculous/</link>
<comments>http://www.designfloat.com/GraphicDesign/effect-appear-fade-in-using-scriptaculous/</comments>
<pubDate>Thu, 07 Feb 2008 16:03:09 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/effect-appear-fade-in-using-scriptaculous/</guid>
<description><![CDATA[This tutorial explains how to implement the same Digg-like fade-in effect which you can see when you click on the Login link on the Digg topbar. This is very simple using Scriptaculous and toggle effect with only few lines of HTML code.<br/><br/>3 Floats ]]></description>
</item>

<item>
<title><![CDATA[Search with autosuggest feature]]></title>
<link>http://www.designfloat.com/Programming/search-with-autosuggest-feature/</link>
<comments>http://www.designfloat.com/Programming/search-with-autosuggest-feature/</comments>
<pubDate>Fri, 01 Feb 2008 17:37:10 +0000</pubDate>
<dc:creator></dc:creator>
<category>Programming</category>
<guid>http://www.designfloat.com/Programming/search-with-autosuggest-feature/</guid>
<description><![CDATA[This tutorial explains how to implement a simple ajax search with autosuggest feature using some lines of code. All files are fully customizable to be reused in your web projects.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Tabbed search bar using CSS and Javascript]]></title>
<link>http://www.designfloat.com/WebDesign/tabbed-search-bar-using-css-and-javascript/</link>
<comments>http://www.designfloat.com/WebDesign/tabbed-search-bar-using-css-and-javascript/</comments>
<pubDate>Wed, 30 Jan 2008 17:26:37 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/tabbed-search-bar-using-css-and-javascript/</guid>
<description><![CDATA[This tutorial explains how to implement a simple tabbed search bar using CSS and a javascript function which set &quot;active&quot; the selected tab and changes the value of an hidden  element to set search options and execute your search only for all items related to the selected topic (for example: web, images, videos...).<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Socialiconize your site]]></title>
<link>http://www.designfloat.com/WebDesign/socialiconize-your-site-1/</link>
<comments>http://www.designfloat.com/WebDesign/socialiconize-your-site-1/</comments>
<pubDate>Tue, 29 Jan 2008 19:55:55 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/socialiconize-your-site-1/</guid>
<description><![CDATA[This post explains how to use a CSS file and some lines of HTML code (unordered list with list elements) to add social-icons on your site with a link to your profile.<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Flickr like horizontal menu]]></title>
<link>http://www.designfloat.com/WebDesign/flickr-like-horizontal-menu/</link>
<comments>http://www.designfloat.com/WebDesign/flickr-like-horizontal-menu/</comments>
<pubDate>Sun, 27 Jan 2008 17:51:45 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/flickr-like-horizontal-menu/</guid>
<description><![CDATA[This tutorial explains how to implement an horizontal menu Flickr-like using CSS and Javascript to show/hide sub-menu:<br/><br/>2 Floats ]]></description>
</item>

<item>
<title><![CDATA[Design your favicon on-line with Favicon.cc]]></title>
<link>http://www.designfloat.com/GraphicDesign/design-your-favicon-on-line-with-favicon-cc/</link>
<comments>http://www.designfloat.com/GraphicDesign/design-your-favicon-on-line-with-favicon-cc/</comments>
<pubDate>Sat, 26 Jan 2008 19:45:55 +0000</pubDate>
<dc:creator></dc:creator>
<category>Graphic Design</category>
<guid>http://www.designfloat.com/GraphicDesign/design-your-favicon-on-line-with-favicon-cc/</guid>
<description><![CDATA[Favicon.cc is an useful on-line service to design a favicon for your website. This application has a simple web interface with a grid with 16x16 squares (equal to default favicon dimension: 16x16 pixel) where you can design pixel-by-pixel your icon...<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Simple selector list using CSS and Javascript]]></title>
<link>http://www.designfloat.com/WebDesign/simple-selector-list-using-css-and-javascript/</link>
<comments>http://www.designfloat.com/WebDesign/simple-selector-list-using-css-and-javascript/</comments>
<pubDate>Thu, 24 Jan 2008 10:44:17 +0000</pubDate>
<dc:creator></dc:creator>
<category>Web Design</category>
<guid>http://www.designfloat.com/WebDesign/simple-selector-list-using-css-and-javascript/</guid>
<description><![CDATA[This tutorial explains how to implement a simple selector list using few lines of code with CSS and Javascript.<br/><br/>1 Floats ]]></description>
</item>

<item>
<title><![CDATA[Horizontal animated menu using Mootools]]></title>
<link>http://www.designfloat.com/Tutorials/horizontal-animated-menu-using-mootools/</link>
<comments>http://www.designfloat.com/Tutorials/horizontal-animated-menu-using-mootools/</comments>
<pubDate>Wed, 23 Jan 2008 08:45:57 +0000</pubDate>
<dc:creator></dc:creator>
<category>Tutorials</category>
<guid>http://www.designfloat.com/Tutorials/horizontal-animated-menu-using-mootools/</guid>
<description><![CDATA[This is my preferred Mootools effect: a nice horizontal animated menu which changes dinamically the blocks width when you pass your mouse over a selected block. Code is simple and you can customize all parameters you want such as blocks size, blocks colour, blocks number, background image, and blocks content.<br/><br/>2 Floats ]]></description>
</item>

</channel>
</rss>
