Snipplr

(CSS) Webkit Font Optimization - chippper

Mon, 22 Nov 2010 14:27:42 UTC

(CSS) Webkit border radius fix - chippper

Tue, 09 Nov 2010 04:52:12 UTC

This fixes the weird rendering in webkit of rounded corners

(PHP) Basic Wordpress Loop - chippper

Mon, 01 Mar 2010 20:08:19 UTC

(Other) Simple jQuery shell for function - chippper

Tue, 12 Jan 2010 14:20:53 UTC

(JavaScript) Sliding Div Function - chippper

Tue, 21 Jul 2009 14:40:26 UTC

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_1 -->
		    <div id="div_2" style="background-color:blue">
		        <p>Test Content 2</p>
		    </div> <!-- div_2 -->
		    <div id="div_3" style="background-color:yellow">
		        <p>Test Content 3</p>
		    </div> <!-- div_3 -->
		</div> <!-- containing 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> <!-- test_buttons -->

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.

(HTML) HTML redirect in META tag - chippper

Fri, 06 Feb 2009 10:13:47 UTC

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 - chippper

Wed, 04 Feb 2009 11:16:56 UTC

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.

(HTML) print page link - chippper

Thu, 06 Nov 2008 16:08:06 UTC

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

Thu, 06 Nov 2008 11:35:33 UTC