A thumbnail preview concept. Hover over the thumbnails, or touch and swipe if you’re on a touch device.
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
CodingJack’s jQuery 3D Carousel
CodingJack’s 3D Carousel is a Real 3D using CSS3 3D Transforms carousel plugin with jQuery,Html5 & Css3
The carousel is supported on iOS and Android and includes touch swipe functionality. It looks great on a tablet and will even work on a smartphone. But because the carousel can appear small on smaller screens, I’ve included two special options for smartphones:
- Option to display a thumbnail grid instead (the “fallback” presentation)
- Option to transform the grid fallback into a responsive layout. View either preview from your phone for an example.
Zozo : jQuery UI Tabs
Zozo Tabs is a lightweight highly customizable jQuery plugin to provide full tab functionality that can be integrated into your site/blog quickly and easily. Some of it’s key features includes: such as horizontal & vertical tabs, CSS3 & HTML5 design, 8 ways to position, 6 themes, SEO -friendly and more. Did we mention it works also on older browsers such as IE7 and IE8 ?.
Features:
- SEO Friendly
- Stylish
- Fully Customizable
- Cross-browser
- Bookmarkable tabs
- 6 Themes
- Horizontal & Vertical Tabs
- 8 Flexible ways to position
- Multiple tabs on the same page
- Dynamically add & remove tabs
- Autoplay Support
- CSS3 & HTML5 design
Roundbox : jQuery modal image plugin
Roundbox is a jQuery plugin to improve your image presentations on your sites. It comes with a cute effect when the user hovers upon the image and you can expand it with a simple and clean modal box without take the user away from your homepage.
Features:
- HTML5 and CSS3 crossbrowser support
- Perfect hover detection
- Builtin simple ModalBox
- Lighbox support
- Useful callback functions
- Fully customizable
- Smooth animations
- Easing effect included
- Images shown in the preview included.
BootMetro : Create web apps with Windows 8 Metro user interface
BootMetro provides simple and flexible HTML, CSS, and Javascript for web apps that wants to use the “Windows 8 MetroUI” style, without the need to run on Windows 8. It is built on top of Twitter Bootstrap and was originally inspired by the Metro UI CSS by Sergey Pimenov.
The framework permit to create web applications with the look&feel of the not-yet-released Windows 8 MetroUI style. Maybe not ideal for internet web sites, the MetroUI style can be adopted for modern intranet web sites. I’ve choosen to use as base the awesome Twitter Bootstrap framework, applying a set of customizations in pure css (but planning to do it in LESS for future version).
Responsive and Mobile-Friendly Tooltip
Tooltip is a splendid invention. Small detail in web design that plays a big role when it comes to user experience. Usually, tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.When working on my personal website, I was in need of a tooltip. I decided not to limit it just on a typical definition of a tooltip, but also make it a better occurrence using CSS and jQuery technologies.
Key Features
- It’s responsive.
- It’s mobile-friendly.
- It’s HTML formatting capable.
jQuery Toggle Panel
Toggle Panel is a lightweight jQuery plugin that helps you create toggleable content.
Features :
- Toggle Panel fits right into a responsive or fluid design. Fixed width is possible too.
- With HTML5 Local Storage the state (expanded or collapsed) is saved and restored upon reentering the page.
- HTML5 audio and video elements inside a toggle panel are automatically paused when it is collapsed.
- Smooth and beautiful CSS3 transitions bring Toggle Panel to life.
- Load content via AJAX
