<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
<title>Snipplr</title>
<link>http://snipplr.com/favorites/fael</link>
<description>Recent snippets posted on Snipplr.com</description>
<language>en-us</language>
<pubDate>Thu, 24 Jul 2008 07:44:22 GMT</pubDate>
<item>
<title>(JavaScript) Stop default action - fael</title>
<link>http://snipplr.com/view/3658/stop-default-action/</link>
<description><![CDATA[ <p>Really stop default action of a element.</p> ]]></description>
<pubDate>Sun, 09 Sep 2007 10:54:24 GMT</pubDate>
<guid>http://snipplr.com/view/3658/stop-default-action/</guid>
</item>
<item>
<title>(JavaScript) Images preloader - fael</title>
<link>http://snipplr.com/view/3657/images-preloader/</link>
<description><![CDATA[ <p>Another image preloader.</p> ]]></description>
<pubDate>Sun, 09 Sep 2007 10:52:39 GMT</pubDate>
<guid>http://snipplr.com/view/3657/images-preloader/</guid>
</item>
<item>
<title>(JavaScript) element's absolute position in DOM Tree - fael</title>
<link>http://snipplr.com/view/3656/elements-absolute-position-in-dom-tree/</link>
<description><![CDATA[ <p>a function that returns the absolute position in DOM tree. jQuery based</p> ]]></description>
<pubDate>Sun, 09 Sep 2007 10:45:03 GMT</pubDate>
<guid>http://snipplr.com/view/3656/elements-absolute-position-in-dom-tree/</guid>
</item>
<item>
<title>(PHP) Anti-SQL Injection Function - fael</title>
<link>http://snipplr.com/view/2742/antisql-injection-function/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 27 May 2007 11:53:02 GMT</pubDate>
<guid>http://snipplr.com/view/2742/antisql-injection-function/</guid>
</item>
<item>
<title>(CSS) Reset CSS de Eric Meyer - fael</title>
<link>http://snipplr.com/view/2576/reset-css-de-eric-meyer/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 02 May 2007 02:57:18 GMT</pubDate>
<guid>http://snipplr.com/view/2576/reset-css-de-eric-meyer/</guid>
</item>
<item>
<title>(CSS) Clearfix - fael</title>
<link>http://snipplr.com/view/2212/clearfix/</link>
<description><![CDATA[ <p>Classe para interromper floats</p> ]]></description>
<pubDate>Mon, 26 Feb 2007 08:51:36 GMT</pubDate>
<guid>http://snipplr.com/view/2212/clearfix/</guid>
</item>
<item>
<title>(CSS) A CSS-based Form Template - fael</title>
<link>http://snipplr.com/view/1951/a-cssbased-form-template/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 09 Jan 2007 02:38:30 GMT</pubDate>
<guid>http://snipplr.com/view/1951/a-cssbased-form-template/</guid>
</item>
<item>
<title>(CSS) No More IE6 Background Flicker - fael</title>
<link>http://snipplr.com/view/1412/no-more-ie6-background-flicker/</link>
<description><![CDATA[ <p>original post by Cristi Balan: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker</p> ]]></description>
<pubDate>Mon, 16 Oct 2006 07:56:01 GMT</pubDate>
<guid>http://snipplr.com/view/1412/no-more-ie6-background-flicker/</guid>
</item>
<item>
<title>(HTML) How To Correctly Insert a Flash Movie Into XHTML - fael</title>
<link>http://snipplr.com/view/1019/how-to-correctly-insert-a-flash-movie-into-xhtml/</link>
<description><![CDATA[ <p>Nice example of how to best insert a flash movie into an XHTML document.</p> ]]></description>
<pubDate>Tue, 05 Sep 2006 19:25:22 GMT</pubDate>
<guid>http://snipplr.com/view/1019/how-to-correctly-insert-a-flash-movie-into-xhtml/</guid>
</item>
<item>
<title>(CSS) Accessible CSS Forms: Using CSS to Create a Two-Column Layout - fael</title>
<link>http://snipplr.com/view/990/accessible-css-forms-using-css-to-create-a-twocolumn-layout/</link>
<description><![CDATA[ <p>In a recent study of web design patterns, Dr. Melody Ivory found that accessibility is the most underutilized aspect of good web page design (Ivory 2005). In fact websites have become more complex and less accessible over time (Hackett 2003). Less than 20% of the Fortune 100 have websites that are fully accessible (Loiacono 2004). Accessible forms are one way to combat this disturbing trend. With CSS layout, you can create two-column forms without the use of tables to save space and time. This article shows how to create a simple two-column contact form using CSS to style structural elements that is both fast and accessible.

A survey of CSS-based forms revealed many variations on a theme (see Vandersluis 2004). Most use block-level floats and margins to position form elements on the page. However, in my testing I found IE5.x Mac to have rendering problems with many of these forms. After numerous iterations, I arrived at a solution that worked for IE5.x Mac as well as Safari 1.07 Mac, Firefox 1.07 Win/Mac, IE 6 Win, Camino, and Opera. Our goal here is to create a simple accessible contact form without the use of tables (see Figure 1).</p> ]]></description>
<pubDate>Thu, 31 Aug 2006 13:20:42 GMT</pubDate>
<guid>http://snipplr.com/view/990/accessible-css-forms-using-css-to-create-a-twocolumn-layout/</guid>
</item>
<item>
<title>(CSS) Background images for bullets list - fael</title>
<link>http://snipplr.com/view/962/background-images-for-bullets-list/</link>
<description><![CDATA[ <p>To move the content away from the background image apply "padding-left" to the "LI" element. In this case "0.6em" has been used. As with vertical alignment, list padding will be determined by the size of your image.</p> ]]></description>
<pubDate>Mon, 28 Aug 2006 04:59:27 GMT</pubDate>
<guid>http://snipplr.com/view/962/background-images-for-bullets-list/</guid>
</item>
<item>
<title>(HTML) gmail/google mp3 flash player - fael</title>
<link>http://snipplr.com/view/903/gmailgoogle-mp3-flash-player/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Tue, 22 Aug 2006 21:27:07 GMT</pubDate>
<guid>http://snipplr.com/view/903/gmailgoogle-mp3-flash-player/</guid>
</item>
<item>
<title>(CSS) Table with style, CSS - fael</title>
<link>http://snipplr.com/view/834/table-with-style-css/</link>
<description><![CDATA[ <p>Table with style as in;
http://24ways.org/examples/tables-with-style/table_columns.html</p> ]]></description>
<pubDate>Wed, 16 Aug 2006 14:52:13 GMT</pubDate>
<guid>http://snipplr.com/view/834/table-with-style-css/</guid>
</item>
<item>
<title>(CSS) CSS ROUNDED CORNERS - fael</title>
<link>http://snipplr.com/view/830/css-rounded-corners/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 16 Aug 2006 10:06:11 GMT</pubDate>
<guid>http://snipplr.com/view/830/css-rounded-corners/</guid>
</item>
<item>
<title>(JavaScript) Get URL Variables - fael</title>
<link>http://snipplr.com/view/799/get-url-variables/</link>
<description><![CDATA[ <p>Read a page's GET URL variables and return them as an associative array.

----

Example for URL http://www.example.com/index.html?hello=bonjour&amp;goodevening=bonsoir

var hash = getUrlVars();
alert(hash['hello']); // prints 'bonjour'
alert(hash['goodevening']); // prints 'bonsoir'</p> ]]></description>
<pubDate>Mon, 14 Aug 2006 11:31:47 GMT</pubDate>
<guid>http://snipplr.com/view/799/get-url-variables/</guid>
</item>
<item>
<title>(CSS) Reset Browser Styles - fael</title>
<link>http://snipplr.com/view/778/reset-browser-styles/</link>
<description><![CDATA[ <p>Put this these rules at the top of your CSS file and it will reset the default settings across all browsers to render the same. It's a great starting point for any new design. I took these rules from the Yahoo! YUI opensource kit.</p> ]]></description>
<pubDate>Fri, 11 Aug 2006 12:00:14 GMT</pubDate>
<guid>http://snipplr.com/view/778/reset-browser-styles/</guid>
</item>
<item>
<title>(JavaScript) toggle_checkboxes - fael</title>
<link>http://snipplr.com/view/743/togglecheckboxes/</link>
<description><![CDATA[ <p>Snippet: toggle checkboxes
Desc: A short javascript function to toggle checkboxes
Example: 
Author: Jonas</p> ]]></description>
<pubDate>Sun, 06 Aug 2006 11:27:31 GMT</pubDate>
<guid>http://snipplr.com/view/743/togglecheckboxes/</guid>
</item>
<item>
<title>(PHP) read images of directory - fael</title>
<link>http://snipplr.com/view/742/read-images-of-directory/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sun, 06 Aug 2006 09:39:40 GMT</pubDate>
<guid>http://snipplr.com/view/742/read-images-of-directory/</guid>
</item>
<item>
<title>(CSS) Horizontal-Vertical div align - fael</title>
<link>http://snipplr.com/view/741/horizontalvertical-div-align/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Sat, 05 Aug 2006 10:26:02 GMT</pubDate>
<guid>http://snipplr.com/view/741/horizontalvertical-div-align/</guid>
</item>
<item>
<title>(JavaScript) getMousePosition - fael</title>
<link>http://snipplr.com/view/708/getmouseposition/</link>
<description><![CDATA[ <p></p> ]]></description>
<pubDate>Wed, 02 Aug 2006 22:20:37 GMT</pubDate>
<guid>http://snipplr.com/view/708/getmouseposition/</guid>
</item>
</channel>
</rss>