Snipplr - chippper

(CSS) Webkit Font Optimization

Mon, 22 Nov 2010 14:27:42 GMT

(CSS) Webkit border radius fix

Tue, 09 Nov 2010 04:52:12 GMT

This fixes the weird rendering in webkit of rounded corners

(PHP) Basic Wordpress Loop

Mon, 01 Mar 2010 20:08:19 GMT

(Other) Simple jQuery shell for function

Tue, 12 Jan 2010 14:20:53 GMT

(JavaScript) Sliding Div Function

Tue, 21 Jul 2009 14:40:26 GMT

This assumes HTML that looks like this: <div id="containing_div"> <div id="div_1" style="background-color:red" class="visible_div"> <p>Test Content 1</p> </div>  <div id="div_2" style="background-color:blue"> <p>Test Content 2</p> </div>  <div id="div_3" style="background-color:yellow"> <p>Test Content 3</p> </div>  </div>  <ul id="test_buttons"> <li><a href="#" id="div_1_link" onclick="slideDiv('div_1')" class="here">One</a></li> <li><a href="#" id="div_2_link" onclick="slideDiv('div_2')">Two</a></li> <li><a href="#" id="div_3_link" onclick="slideDiv('div_3')">Three</a></li> </ul>  And CSS that looks like this: .hidden_div { display: none; } .visible_div { display: block; } #containing_div { width: 300px; background-color: #ddd; height: 300px; overflow:hidden; } #containing_div div { width: 300px; height: 300px; } #test_buttons { background-color: green; float: left; padding: 10px 0 10px 0; } #test_buttons li { display:inline; float: left; list-style-type:none; text-align: center; } #test_buttons li a { display: block; float: left; width: 50px; margin-left: 10px; height: 15px; background-color: white; padding: 8px 4px; } #test_buttons li a.here { background-color: orange; } #test_buttons li a.not_here{ background-color: white; } Change attributes at will, except for display: none or block.

(JavaScript) Smooth Scrolling with jQuery and internal page links

Mon, 23 Feb 2009 11:55:24 GMT

From the "Ask Smashing Magazine" article on 2-20-09. Using jQuery, this allows for a smooth scrolling effect when you have links at the top of a page pointing to internal links within the page. A good example of this would be an F.A.Q. page.

(HTML) HTML redirect in META tag

Fri, 06 Feb 2009 10:13:47 GMT

In the content property, the first number is the number of seconds until the refresh, the URL is where the redirect will go.

(JavaScript) Open Link in an External Window via Javascript

Wed, 04 Feb 2009 11:16:56 GMT

Rather than using target="_blank", which is deprecated by the W3C in XHTML, you should use rel="external" for links that you want to pop out in a new window. This is the javascript that makes it happen.

(CSS) 8 Font Stacks

Wed, 07 Jan 2009 11:03:14 GMT

From Michael Tuck's article

(HTML) print page link

Thu, 06 Nov 2008 16:08:06 GMT

(HTML) Back to top link - with class and name

Thu, 06 Nov 2008 11:35:33 GMT