- ajax (2)
- auto-resize (1)
- before-after (1)
- css3 (1)
- drag-n-drop (1)
- file-uploads (1)
- flash (1)
- forms (1)
- Google Maps API (1)
- hover (1)
- jQuery (1)
- lists (1)
- menus (1)
- methods (1)
- mysql (1)
- news (2)
- pagination (1)
- panels (1)
- php (2)
- plugins (4)
- sitemap (1)
- sliders (2)
- slideshows (1)
- style-switchers (1)
- test (1)
- tips (1)
- toggle (1)
- tooltips (1)
- wordpress (1)
Today, we’d like to announce that we’ve moved the Official jQuery Podcast off the jQuery blog and onto it’s own site at http://podcast.jquery.com. We felt that with a weekly blog post for each [...]
The jQuery Project is very excited to announce the jQuery Conference 2010: Boston on October 16-17, 2010. The conference will be held at the Hilton Boston Logan in Boston, Massachusetts. The best [...]
Mobile web development is an emerging hot topic in the web development community. As such, the jQuery Team has been hard at work on determining the strategy and direction that the jQuery Project will [...]
Create a Stylesheet Switcher with jQuery and PHP
James Padolsey shares an excellent tutorial at nettuts on how to create an amazing jQuery stylesheet switcher. Enabling your visitors to switch styles on the fly is great for delivering custom or specialty interfaces. Some good examples of use:
- Provide visitors with a simplified, highly usable theme (large fonts, strong contrast, etc.)
- Create separate themes for “night” (dark design) and “day” (lighter design)
- Provide “themed” interfaces based on mood, character, etc.
The tutorial explains each of the following steps in good detail, making it easy to understand and follow along:
- The HTML
- The CSS (two different layouts provided: “day” and “night”)
- Small PHP snippet
- The jQuery
The style switcher built in this tutorial is easy to implement, unobtrusive, and completely degradable. Cookies are used to remember the user’s preference, and best of all, the jQuery is used to progressively enhance the switcher, which works perfectly fine with JavaScript disabled. jQuery is used to enhance the switching functionality with a smooth, fading transition effect between styles. It also enables the styles to be switched without a page refresh.
In short, 100% awesome. I look forward to using it for my next theme at my personal site, Perishable Press.
download the latest version
learn more about jQuery
Use jQuery and the Google Maps API to create your own map application.
Super cool and easy way to get stylish tooltips with jQuery.
The right way to include the jQuery library in WordPress.