Tutorialize is a jQuery plugin that provides a simple and nice way to present and teach elements on your web page.
- Teach new users with a tour of your site
- Show your users the answer to their questions
- Focus and explain specific part of your website
Best jQuery Popup Window Plugins & Tutorials with Demo
Bouncy Navigation with CSS3 & jQuery
A full-screen navigation, with floating menu items.There are cases when you want to present the user with a choice, with the focus of the web page being the different options. Whether it is a modal navigation, or a list of categories, todays nugget gets you covered!
We used CSS animations and a pinch of jQuery to animate navigation items, and let them bounce in and out the screen.
skLib : jQuery Responsive Lightbox
SiteKit Library lightbox is a fully responsive lightbox which runs on any device and on all major browsers. It supports touch, keyboard and mouse control, chooses the best fit from multiple sizes per image, adapts to right-to-left languages, and allows custom commands such as save to disk or link to more information.
- Big – Minimal chrome graphics to focus on your content and not its frame.
- Responsive – Adapts to browser window and resizes with it.
- More responsive – Chooses the image best fitting the size of window. (If image variations are configured.)
- Even more responsive – Quick animations and preload of the next slide’s image don’t leave users waiting.
- Touch – Swipe through a gallery on any touch-screen. (Except for video or iframe.)
- Keyboard – Move through a gallery with directional keys.
Morphing Modal Window with CSS3 & jQuery
A call-to-action button that animates and turns into a full-size modal window.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top.
The final result is powered by a combination of CSS transition and transformations, jQuery and Velocity.
Magneticmediajs : JavaScript Solution To Nicely Display Media Content
Magneticmediajs is a JavaScript solution to display media in a stylish mobile-ready overlay fashion. It also lets you ingest content from today’s most popular media platform: Youtube, Instagram, Vimeo, Flickr, Dailymotion.
Magneticmediajs is built with a JavaScript class model for easier work of extension, jQuery for DOM manipulation and Less CSS3 with progressive enhancement. It supports various touch events, including swipes between media items, and scales well from mobile devices (iOS, Android …) to large computer screens. Plus it has some super cool design effects for images including a magnifying glass and 8 filters (sepia, grayscale, saturate …).
