Extending jQuery’s slideToggle() Fading Absolutely Positioned Children
jQuery’s native slideToggle function generates an undesirable effect when applied to a DOM element containing absolutely positioned children landing on or outside the parent’s boundaries. At the outset of the animation jQuery hides the overflow of the animating element. This will appear to”snap off” or “clip” any portion of any child element hanging outside of [...]
jQuery Event Namespacing
Today I ventured into the land of namespaced events in jQuery. I required the ability to remove a specific click event bound to an element without unbinding all of the element’s click events. A little digging brought me to an excellent answer on stackoverflow and looking into the jQuery Documentation for on() I found: An [...]
The CSS Grid jQuery Plugin
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 [...]
Heroize jQuery Plugin
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 [...]
jQuery/CSS3 Clock Getting Some Love
It has been fun and exciting to watch the viral effect of the jQuery/CSS3 Colour Clock Rebuild ripple across the internet. On April 18th Webdesigner Depot featured the clock in What’s New for Web Designers – Apr 2011. On April 28th the Brazilian website www.brunoavila.com.br posted Um relógio hexadecimal?! . And the loves keeps coming: [...]