contextMenu.js is a plugin to create windows like context menu with keyboard ineteraction, different type of inputs, trigger events and much more.
Jumble is a jQuery plugin that jumbles up the colours of your text - and can animate them. (which is mobile safe)
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
Summarized, this is what we want the search component to do:
Gridly is a jQuery plugin to enable dragging and dropping as well as resizing on a grids.
A tutorial about how to create a simple, but very stylish vertical menu using some CSS3, jQuery, a custom text font and the most impressive icon font. Combine all of these with a nice color scheme and you get a beautiful UI element, ready to be used in your projects!
Hide/Show Password plugin lets you easily hide and reveal the contents of a password input field. It's based on a mobile design pattern.
jPaginator is a jQuery plugin for pagination. It's fun, intuitive, it comes with a slider and you can ask for an unlimited number of pages.
Stacks is a jQuery plugin to create iOS list-style headers. Recreates the effect from iOS contact lists etc. When you scroll down a page, the section header scrolls down with you, until you hit the next content header, which follows you from that point.
Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms.
jQuery TourBus is a jQuery tour/walkthrough plugin. It takes more of a toolkit approach than some of the alternatives that try to have focusing elements, auto-progress with timers and indicators and etc.
Mason was created to solve a problem with most grid system currently available. Gaps. When using Masonry, Isotope or any of the other grid plugins out there sometimes your grid will contain gaps or ragged edges. Mason was made to fill those gaps in.
Built on the idea of true masonry when a grid is constructed there are bound to be holes, so Mason calculates where those holes are fills them in.
Nice tutorial about How to Make a Digital Clock with jQuery and CSS3. Soon functionality for setting alarms and playing them back with HTML5 audio ll be add.
Ion.Range Slider is beautiful, comfortable and easily customizable range slider with skins support. Also support events and public methods, has flexible settings, can be completely altered with CSS. Ion.Range Slider supports touch-devices (iPhone, iPad, etc.).
flipGallery is a free jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements.
Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.
jQuery colorpicker with themeroller styling, RGB, HSL, CMYK and L*A*B support. Standard look & feel, configurable layout. Works as a popup or inline.
In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.
Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.
Ion.Zoom is an easy image lightbox jQuery plugin for small galleries. Allow to zoom images at place. Also supprort keyboard controls with ESC, LEFT and RIGHT button. Supports multiple independently operating galleries in one page. Works on touch screen devices (iPhone, iPad, etc.).
Swiper is the free and ultra lightweight mobile touch slider with hardware accelerated transitions (where supported) and amazing native behavior. It is intended to use in mobile websites, mobile web apps, and mobile native apps.
Designed mostly for iOS, but also works great on Android, Windows Phone 8 and modern Desktop browsers.
Side Toggle Menu lets you add a side bar menu to your page that slides in from the left or right edge of the browser window. It supports two types of unveiling- either by nudging the rest of the page and making room for itself, or overlaying the page.
CSS3 transitions are used to power the animation, ensuring a smooth visual experience even on low powered mobile devices. And speaking of mobile devices, the menus are adaptive in that it automatically switches to a basic drop down menu using a toggle button at the top of the page when the user's device width is 480px or less.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.
Smint is a simple jQuery plugin that helps with the navigation on one page style websites.
It has 2 main elements, a sticky navigation bar that stays at the top of the page while you scroll down and menu buttons that automatically scroll the page to the section you clicked on.
CollagePlus is jQuery plugin that arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.
Shards is a jQuery plugin that builds a CSS multi-layered gradient background on any element - resembling neon shards!
Scroll To plugin allowing you to write your anchor tags just as you normally would with the
href attribute pointed at the
ID you are scrolling to all through the plugin.
aMenu is a animated jQuery Menu plugin with show, fade, slide, wind effects. Also you can choose effect speed.
SmartMenus is jQuery website menu plugin. Responsive and accessible list-based website menus that work on all devices.
In this tutorial you are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window.
CSS3 capable browsers will show a smoothly animated diagonal fade effect, while older browsers will fall back to a simpler but still perfectly usable non-animated version of the gallery.