Chardin.js Simple overlay instructions for your apps.
Tag: jquery
Create Responsive Side Menu with Sidr jQuery Plugin | Web Resources | WebAppers
Create Responsive Side Menu with Sidr jQuery Plugin | Web Resources | WebAppers Sidr is a handy jQuery plugin for creating side menus and the easiest way for doing your menu responsive. You will be able to create multiple sidrs on both sides of your web to make responsives menus or not, it works perfectly on desktop…
Lightweight Customisable “Scroll to Top” jQuery Plugin | Web Resources | WebAppers
Lightweight Customisable “Scroll to Top” jQuery Plugin | Web Resources | WebAppers ScrollUp is a lightweight jQuery plugin to create a customisable “Scroll to top” feature that will work with any website, with ease. To create a visible line to help determin an ideal scroll distance from the top, assign a valid CSS colour to the activeOverlay setting….
Quotes Rotator | Codrops
Quotes Rotator | Codrops A simple automatic quotes rotator with progress bar and example media query. VIEW DEMO DOWNLOAD SOURCE An autoplay rotator for quotes (or any kind of content). An indicator above the content shows the progress. A blockquote with an image is used as an example. Also, an example media query shows how to…
Nested Accordion | Codrops
Nested Accordion | Codrops A simple, nestable accordion with some examples of nesting levels and a media query. VIEW DEMO DOWNLOAD SOURCE A simple accordion that allows for a nested structure. The style comes with some examples of how to style three levels and how to add a media query for decreasing the size on smaller…
Arrange Images into Flexible Grid with Photoset Grid | Web Resources | WebAppers
Arrange Images into Flexible Grid with Photoset Grid | Web Resources | WebAppers Photoset Grid is a simple jQuery plugin to arrange images into a flexible grid, based on Tumblr’s photoset feature. Originally the plugin was created for the Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but they have…
A Gap Free, Multi Column Grid Layout Experience | Web Resources | WebAppers
A Gap Free, Multi Column Grid Layout Experience | Web Resources | WebAppers Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. Unlike other libraries and jQuery plugins similar to Nested, this is the first script out there that allows you a complete gap-free layout. It creates a matrix of all elements…
Turns Select Element into User Friendly Graphical Interface | Web Resources | WebAppers
Turns Select Element into User Friendly Graphical Interface | Web Resources | WebAppers Image Picker is a simple jQuery plugin that transforms a select element into a more user friendly graphical interface. It works great on both single and multiple select elements. It falls back nicely for clients without JavaScript enabled. It also integrates nicely with Twitter’s…
3D Book Showcase | Codrops
3D Book Showcase | Codrops An experiment about a realistic looking book showcase with some interactivity using CSS 3D transforms. VIEW DEMO DOWNLOAD SOURCE Today we want to share an experimental book showcase concept with you. The idea is to make books look more realistic by using 3D transforms and apply some fun effects to them,…
Responsive & Touch-Friendly Audio Player | Codrops
Responsive & Touch-Friendly Audio Player | Codrops A jQuery audio player plugin that is responsive and touch-friendly. The UI is css-only, no images used. VIEW DEMO DOWNLOAD SOURCE You know that feeling when you are in the design heaven of Photoshop (or another maybe not that overpriced app), then come to writing the markup and things…