- 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 [...]
Vertical Sliding Panel with jQuery and CSS3
Jon Phillips over at Spyre Studios shows us how to create a a sexy vertical sliding panel using jQuery And CSS3. Rather than the usual “top-down” slider, Jon walks through a technique that behaves more like a vertical drawer that doesn’t push down the content on the page. The result is a clean, dynamic-looking “slide-bar” that rolls open gracefully from the side of the screen.
The tutorial is straightforward and provides everything needed to implement your own vertical sliding panel in very little time. Three steps to completion:
- The Markup
- The CSS
- The jQuery
Looks and works great on CSS3-capable browsers. Three different demos also available within the tutorial page.
AnythingSlider jQuery Plugin
The new AnythingSlider jQuery Plugin from Chris Coyier of CSS Tricks brings together many features of previous sliders and throws in some great new features. This slider is designed to be as useful as possible and is about as “full-featured” as it gets. The AnythingSlider plugin makes configuration and customization a breeze and comes equipped with the following features:
- Slides are HTML Content (can be anything)
- Next Slide / Previous Slide Arrows
- Navigation tabs are built and added dynamically (any number of slides)
- Optional custom function for formatting navigation text
- Auto-playing (optional feature, can start playing or stopped)
- Each slide has a hashtag (can link directly to specific slides)
- Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide)
- Multiple sliders allowable per-page (hashtags only work on first)
- Pauses autoPlay on hover (option)
- Link to specific slides from static text links
There are many good slider plugins available, but this one is packed with great features and delivers super-smooth performance. Highly recommended.
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.