Snipplr

(CSS) Bulletproof Rounded Corners With Border Radius - justinseiter

Wed, 23 Dec 2009 13:43:44 UTC

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

Mon, 07 Dec 2009 14:57:12 UTC

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

Mon, 07 Dec 2009 14:54:20 UTC

(PHP) CodeIgniter Alternator - justinseiter

Wed, 08 Jul 2009 12:27:57 UTC

(jQuery) Fix IE7 Z-Index Issues with jQuery - justinseiter

Sun, 21 Jun 2009 17:13:24 UTC

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

Wed, 29 Apr 2009 14:00:48 UTC

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

Sun, 26 Apr 2009 15:21:18 UTC

(PHP) Add Class via URI - CodeIgniter - justinseiter

Sun, 26 Apr 2009 14:51:58 UTC

(CSS) Accessible Image Replacement - Gilder/Levin Method - justinseiter

Sun, 26 Apr 2009 14:37:20 UTC

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

Sun, 26 Apr 2009 14:33:47 UTC

(CSS) Sticky Footer Solution - justinseiter

Sun, 26 Apr 2009 13:37:40 UTC

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.