css

Slide N’ Hide jQuery Navigation Accordion Slider

Wednesday, November 12th, 2008

View Example View Source Code A simple vertical jQuery accordion with much room for growth. In future version I would like to use a few additional lines of JS to create a cleaner structure but even if only as an example this is a good start. I made a horizontal accordion as well but all [...]

Posted in css, eff, gnu gpl, jQuery, javascript, php, work | 2 Comments

slightestBox (lightbox/litebox replacement)

Saturday, June 2nd, 2007

Sometimes I like to share artwork or photos with the readers of my site but I loathe manual entry of classes or relevance tags. So I modified the php script from Slimbox by Hardi P. This will automatically add rel=”imagebox[set]“ on image links. Now powered by jQuery (instead of moo.fx). Why would you use jQuery [...]

Posted in css, i came as a rant, wordpress plugins | Comments Off

CL, CSS Navigation and How to Waste an Afternoon

Thursday, May 31st, 2007

Finished my workload by 10am so I have been putting around net killing time. This of course means I have been obsessively reading Craigslist. Here are some of my favorite findings for the day: An open letter to the Anaheimer who posted on Ottawa R&R I spilled grandma on you around spadian station To my [...]

Posted in cl rnr, css, web accessiblity, work | No Comments

CSS3 fonts for the web and much (expect severe delays)

Saturday, May 26th, 2007

One of the most frustrating things as a hired geek doing sites is the limit of fonts available for use on the web. Recent initiatives from developers (sIFR beta 3) to aid in the reduction of generic web fonts for headlines. But no one has really done anything for site wide un-web safe fonts. The [...]

Posted in css, typography, w3c | No Comments

skip to content

Sunday, April 29th, 2007

Amy asked for my assistance in creating a compliant “skip to content” bar for a project we are currently working on. So I decided to make it a bit more styled and pretty. eventually I may even make the skip to content fade in. Here it goes: the css a#skipAhead { display: inline; position:absolute; top:0; [...]

Posted in css, web accessiblity | No Comments