John Cox

Blogs · @wyome

Tagged jquery · everything

jQuery Shadow Plugin

I appreciate you sharing this, but this appears to be JavaScript code demonstrating a shadow effect plugin rather than an article to summarize. It shows jQuery calls applying different shadow styles (lifted, perspective, raised, sides, rotated) to DOM elements with various class selectors. If you intended to paste an article for me to summarize, please share the actual text content and I'll be happy to write a concise summary of what it argues or reports.

Permalink

Awesome Bubble Navigation with jQuery

I don't see any article content to summarize. You've shared what appears to be a website navigation menu or sitemap with sections like Portfolio, Shop, Photos, and Social, but there's no actual article text, link, or saved content for me to write a summary about. Could you please share the article you'd like me to summarize? You can paste the text, provide the relevant excerpt, or share the key content you'd like condensed.

Permalink

Bulletproof HTML5 <details> fallback using jQuery · Mathias Bynens

The HTML5 `<details>` and `<summary>` elements create collapsible disclosure widgets that hide content by default, but browser support was incomplete at the time of writing. The author provides a robust feature detection method to identify native support and explains how to implement a cross-browser polyfill using CSS and jQuery that adds click and keyboard accessibility while gracefully degrading in older browsers and when JavaScript is disabled.

Permalink

Handling CSS Transitions with prepareTransition - Snook.ca

The author presents a jQuery plugin called prepareTransition that solves the problem of transitioning elements that need to use display:none or visibility:hidden—properties that aren't animatable in CSS. The plugin applies a temporary is-transitioning class with display:block !important to keep the element visible during the opacity fade, then removes the class via the transitionEnd event, allowing display:none to take effect after the animation completes. This approach maintains backward compatibility with browsers that don't support CSS transitions while enabling smooth animations in those that do.

Permalink