JoelPeterson

Home | Blog | Fundraiser Mailing List
Putting down the things I Pick up
Tips and Tricks I have gathered in web development
Browse: Home / CSS

CSS

The CSS Grid jQuery Plugin

By Joel Peterson on October 5, 2011

CSS grid frameworks are a handy solution for rapid development of page layouts. One minimal CSS grid framework that I have taken a liking to is Grid – a minimal CSS Grid utility. As pointed out in Javascript HTML CSS’s article on Grid Grid is limited to the number of columns declared in the CSS [...]

Posted in CSS, jQuery, plugins | Tagged CSS, DOM, Layout, Plugin | Leave a response

Heroize jQuery Plugin

By Joel Peterson on June 24, 2011

The Heroize plugin generates a customizable animated hero/feature pane for use on your site. Features include play/pause toggle jump to pane buttons keeps code clear and optimized for search engines timer Default panel display if Javascript is not enabled slide transitions. Source https://github.com/joelasonian/heroize-jquery-plugin Sample Display this panel when javascript isn’t loaded Feature 1 Feature 2 [...]

Posted in Javascript, jQuery, plugins, Tips & Tricks | Tagged CSS, HTML | Leave a response

jQuery Miniature Plugin – Custom First Letters

jQuery Miniature Plugin – Custom First Letters

By Joel Peterson on January 31, 2011

I came across the jQuery Miniature plugin over the weekend as I was building out a print-like design template. jQuery Miniature is a simple plugin that applies an inline span tag with a couple of classes to the first character of the selected item or items. The result is a super easy to use highly [...]

Posted in CSS, Javascript, jQuery | Tagged CSS, Using Wordpress | 1 Response

Quick and Easy Windowless Popup Overlay in jQuery

By Joel Peterson on December 2, 2010

The benefits of triggering a popup layover in jQuery over triggering a browser window are numerous. All code in one DOM – all control and tracking done in one page environment. Less reliance on the client’s browser setting that might adversely affect the popup window. (Blockers, Security settings, etc.) No abandoned Popups Last but not [...]

Posted in jQuery, Tips & Tricks | Tagged CSS, HTML, NOTE, Popup Container | 30 Responses

Overriding CSS without !Important – Specificity

Overriding CSS without !Important – Specificity

By Joel Peterson on November 30, 2010

CSS is a simple yet powerful tool that can greatly reduce the headaches that go hand-in-hand with web development. But the knife that is CSS cuts both ways – CSS can be the bane of your web-existence and cause many such headaches. In my experience I have found the CSS headaches start to come into [...]

Posted in CSS, Tips & Tricks | Tagged CSS, DOM, Helpful Links, ID | Leave a response

Thanks for scrolling all the way down here! Want more? Catch me on Twitter, FourSquare, Delicious, LinkedIn and My RSS Feed