Snipplr - justinseiter

(CSS) Bulletproof Rounded Corners With Border Radius

Wed, 23 Dec 2009 13:43:44 GMT

If you have not already been writing your border-radius statements with progressive enhancement in mind, now is most definitely the time to do it.

(CSS) Transparency Settings For All Browsers

Mon, 07 Dec 2009 14:57:12 GMT

(CSS) Center an Image Inside a div, Vertical and Horizontal, Without Knowing the Image's Size

Mon, 07 Dec 2009 14:54:20 GMT

(PHP) PHP Timestamp

Fri, 10 Jul 2009 16:47:20 GMT

(PHP) CodeIgniter Alternator

Wed, 08 Jul 2009 12:27:57 GMT

(jQuery) Fix IE7 Z-Index Issues with jQuery

Sun, 21 Jun 2009 17:13:24 GMT

One way to fix many of the issues with IE7 is to dynamically reverse the default z-index stacking order of the elements on your page. This will ensure the elements higher in your HTML source will also have a higher z-index order on your page, solving most of the IE stacking issues. If you’re using jQuery (the best Javascript library there is), here’s the quick fix:

(CSS) Show Controls on Hover

Wed, 29 Apr 2009 14:00:48 GMT

When you hover over the “message” div, the “controls” div inside it will appear, along with all of its content, giving you the same functionality as used by the Twitter web app. There may be an issue with accessibility because screen readers may not be able to read the hidden on top of it. This technique should of course be used with restraint because you don’t want to hide your important controls; but if used correctly, it can be useful for cleaning up your interface by removing those extra utility links that you don’t want to show up at all times. Note that this doesn’t work in IE6, so you’ll need to override the hiding property in your IE6-specific style sheet or, if you don’t have one, simply use the IE6-specific source inside the head section of your code.

(PHP) Show Post Date on Recent Posts in WordPress Sidebar

Sun, 26 Apr 2009 15:21:18 GMT

(PHP) Add Class via URI - CodeIgniter

Sun, 26 Apr 2009 14:51:58 GMT

(CSS) Min-Height Fast Hack

Sun, 26 Apr 2009 14:42:33 GMT

Courtesy of Dustin Diaz comes the Min-Height Fast Hack — a way of getting round IEs lack of support for the min-height declaration. This takes advantage of IE also lacking support for the !important CSS.

(CSS) Accessible Image Replacement - Gilder/Levin Method

Sun, 26 Apr 2009 14:37:20 GMT

This method maintains its integrity with all combinations of images on/off and CSS on/off. This method works by laying an empty span over the top of the parent element with the required image applied as a background to that span. There is however a drawback to this method; the empty span. This is bearable though as the span will have no impact on the usability/accessibility on the page, and will only impact ever so slightly on semantics. Now users can always see an image or text regardless of whether they have CSS and/or images disabled.

(CSS) Hide Without Using Display:None

Sun, 26 Apr 2009 14:33:47 GMT

(CSS) Sticky Footer Solution

Sun, 26 Apr 2009 13:37:40 GMT

This sticky footer solution is working in all major browsers, including Google Chrome! It works with floated 2-column layouts and we don't get overlap in re-sized browser windows unlike older solutions you find when you Google sticky footer. And you don't need an empty push div.