Snipplr

(CSS) Cross Browser Background Opacity - chrisdpratt

Wed, 14 Jul 2010 03:00:34 UTC

This CSS sets semi-transparent background while not affecting the opacity of child elements like using the opacity property would. The text color has been set to the same as the background color to demonstrate this. Notes: For the Microsoft filters, color values are in hex with the first two digits specifying the alpha transparency. In this case, that's '80', equivalent to 0.5. :not(.IE) is added to exclude IE; no current version of IE understands the :not selector. '.IE' can be any valid classname that is NOT used anywhere else.

(PHP) Wordpress MU - Get Info for Current Blog - chrisdpratt

Tue, 29 Jun 2010 03:39:41 UTC

(PHP) Wordpress Debug Config - chrisdpratt

Fri, 21 May 2010 10:28:09 UTC

(HTML) Wordpress Bloginfo Options - chrisdpratt

Fri, 07 May 2010 09:01:19 UTC

(PHP) Get Iteration Count in Wordpress Loop - chrisdpratt

Tue, 04 May 2010 10:11:45 UTC

(PHP) Include All PHP Files in a Directory - chrisdpratt

Tue, 04 May 2010 10:06:56 UTC

(JavaScript) Accessible Dropdown Navigation (Handling Focus with jQuery) - chrisdpratt

Wed, 10 Feb 2010 05:20:43 UTC

Dropdown navigation is fairly inaccessible as it depends on hover events in 99.9% of cases. Tabbing through the navigation with the keyboard fails to reveal the dropdowns leaving those navigation items virtually inaccessible. Worse, each of the hidden anchors still take focus on tab, so the user is left blind until they've tabbed enough to get to the next top-level navigation item. The code below selects all the anchor elements in dropdown menus and adds focus and blur events to them. The focus event adds a class of `dropdown-visible` to the top-level list item that contains the dropdown menu in use at the moment (the same li that is used for styling the hover state to show the menu). It also adds a class of `focused` to the anchor that currently has focus. The blur event will need this to handle itself later. The blur event removes the `focused` class added earlier, and then checks for another anchor in its menu (indirect sibling) that has the `focused` class. If there's no indirect siblings with that class, it's safe to close the dropdown by removing the `dropdown-visible` class. Otherwise, the dropdown is still active and should not be closed (prevents flicker). With this code, you only need to edit your CSS to add the same styles already being applied to `li:hover` to `li.dropdown-visible`, so that the dropdown looks the same when focused as hovered. That's it. Pretty straight forward, but adds a heap of accessibility. Note: The code below assumes the following hierarchy: * div#top-nav * ul * li * a * ul * li * a Therefore, the selector '#top-nav ul ul a' selects the very last `a` element; adjust the selector as necessary to work with your situation.

(PHP) Cleanup Wordpress Header - chrisdpratt

Mon, 01 Feb 2010 13:18:52 UTC

The following is just a list of actions you can remove. Just grab the ones you need.

(PHP) Load jQuery from Google AJAX Libraries API in Wordpress - chrisdpratt

Sun, 24 Jan 2010 16:18:17 UTC

Place the following code in header.php before the call to wp_head(). (If you do not include the exact version number when calling libraries from Google's AJAX Libraries API, a redirect is used to pull up the most current version. While this is handy, it prevents browsers from caching the script: effectively negating one of the major reasons for using Google's AJAX Libaries API.)

(PHP) Wordpress Templates: Check If Plugin Is Active - chrisdpratt

Sat, 23 Jan 2010 22:36:15 UTC

(PHP) Create a Wordpress 2.8+ Widget - chrisdpratt

Sat, 23 Jan 2010 22:26:02 UTC

Full example widget available at [WP Engineer](http://wpengineer.com/wordpress-built-a-widget/ "Build A WordPress 2.8 Widget With The New Widget API").

(JavaScript) Simple JavaScript Audio Player with SoundManager2 - chrisdpratt

Thu, 01 Oct 2009 16:44:22 UTC

Simple [SoundManager2](http://www.schillmania.com/projects/soundmanager2/doc/download/#latest "Download SoundManager2") example (uses jQuery)

(JavaScript) Detecting Only Actual Text Changes onkeydown/onkeyup/onkeypress in JavaScript - chrisdpratt

Mon, 21 Sep 2009 09:38:31 UTC

The following script will allow only keys that effect actual text changes in input/textareas (character keys, spacebar, backspace and delete). Any other key type will tell whatever function is handling the event to return and not continue on. As a result, this should be place before the actual processing portion of the function.

(Apache) .htaccess 301 Redirect - chrisdpratt

Wed, 16 Sep 2009 10:47:32 UTC

(JavaScript) Sandboxing JavaScript Code So It Doesn't Pollute the Global Namespace - chrisdpratt

Fri, 11 Sep 2009 14:30:56 UTC

(Regular Expression) RFC 2822-compliant (mostly) Email Address Regular Expression - chrisdpratt

Fri, 11 Sep 2009 14:20:58 UTC

This regular expression will match almost all valid email addresses. Omits email addresses containing double-quotes and square brackets, which while valid according to [RFC 2822][rfc2822], are almost never used. [rfc2822]: http://tools.ietf.org/html/rfc2822 "RFC 2822"

(XHTML) Good-looking and Accessible Address Form Fields - chrisdpratt

Fri, 11 Sep 2009 12:37:46 UTC

(CSS) Cross-Browser Pure CSS Dropdown Navigation - chrisdpratt

Fri, 11 Sep 2009 12:01:58 UTC

To make the menu work in IE6 (which doesn't support the :hover pseudo element on anything but links and tables), the IE6-specific CSS calls on [Whatever:hover][whatever]. If using [Dean Edwards' IE7-js][IE7-js], this is unnecessary as his script fixes li:hover behavior in IE6. [whatever]: http://www.xs4all.nl/~peterned/csshover.html "Whatever:hover" [IE7-js]: http://code.google.com/p/ie7-js/ "Dean Edwards' IE7-js"

(XHTML) XHTML 1.0 Strict Template Skeleton with jQuery and Dean Edwards' IE7-js - chrisdpratt

Fri, 11 Sep 2009 11:38:04 UTC

jQuery is included via the Google AJAX Libraries repository. Dean Edwards' IE7-js is included via it's Google Code hosting URL. Version numbers of both libraries should be checked and updated to latest versions. _**Note:** While libraries can be referenced from the Google AJAX Libraries repository with abbreviated version numbers (specifying just '1', instead of '1.3.2', for example), it's always better to include the full version number. Otherwise, Google will not sent appropriate cache and expires headers._

(JavaScript) Google Maps for IE6 and IE7 in XHTML 1.0 Strict - chrisdpratt

Fri, 11 Sep 2009 11:07:06 UTC

XHTML 1.0 Strict deprecates the use of iframes in favor of objects. While this has gotten a lot of flack, iframes were never truly a part of HTML, just a proprietary element in Internet Explorer that eventually got universal support. Objects are a more appropriate way of including external content, but support is limited in IE6 and IE7. In particular, Google Maps embedded as Objects do not render at all in IE6 or IE7, this JavaScript snippet will take a Google Map embedded as an Object and convert it into an iframe dynamically for IE6 and IE7. See the URL for more information and usage instructions. _**Note:** This script works by attaching to an object with an id of "map". If you have multiple maps on one page, or simply want to use a different id, change "map" in the snippet to the id of your choice._

(jQuery) jQuery Targets for External Links in XHTML 1.0 Strict - chrisdpratt

Fri, 11 Sep 2009 10:53:10 UTC

XHTML 1.0 Strict does not allow the target attribute on links. The recommended way of specifying external links is to give the link a rel attribute of "external". This jQuery snippet finds likes with rel attributes of "external" and dynamically adds a target attribute of "_blank" so they will open in a new tab/window while maintaining valid XHTML 1.0 Strict code.