Clik here to view.
Build drag-and-drop multi-column grids – gridstack.js
“gridstack.js is a jQuery plugin for widget layouts. It allows you to build draggable responsive bootstrap v3 friendly layouts. ” Demo @ Github
View ArticleClik here to view.
Countdowns & Timers with TimeCircles
TimeCircles is a countdown / timer plugin. The plugin provides a huge amount of options to optimize the look to your individual needs. TimeCircles
View ArticleClik here to view.
A lightbox with the taste of chocolat – chocolat.js for jQuery
Chocolat.js enables you to display one or several images on the same page. You can group images via a link or use thumbnails. The viewer can display images in full-page or in a block mode. The setup...
View ArticleClik here to view.
Inline editing / WYSIWYG editing with jQuery-Notebook
jQuery-Notebook is a simple, clean and elegant WYSIWYG rich text editor. Available commands: Ctrl/Command B – Bold Ctrl/Command I – Italic Ctrl/Command U – Underline Ctrl/Command F1 – Header 1...
View ArticleClik here to view.
The world’s okayest responsive navigation – okayNav for jQuery
okayNav aims to progressively collapse navigation links into an off-screen navigation, instead of doing it for all the links at the same time. okayNav@GitHub
View ArticleClik here to view.
Multifunctional floating panels with jsPanel
jsPanel are multifunctional floating panels, that can also be used as a simple modal or tooltip. Panels can be minimized and maximized and have a huge amount of options. Really impressive projectand...
View ArticleClik here to view.
Build a complete gap free & multi column grid layout with Nested
Nested is a jQuery plugin which allows you to create multi-column and dynamic grid layouts. All completely gap-free. Nested @ Github
View ArticleClik here to view.
Crossbrowser jQuery plugin for blurring images
Background Blur plugin is a cross browser jQuery plugin for blurring images.$('#some-element').backgroundBlur({ imageURL : 'http://URL-of-the-image', blurAmount : 50, imageClass : 'bg-blur' duration:...
View ArticleClik here to view.
Scroll to the top of the page
$("a[href='#top']").click(function() { $("html, body").animate({ scrollTop: 0 }, "slow"); return false; }); Enjoy coding…
View ArticleClik here to view.
Take a screenshot of a DOM container and use it as a background image
I am currently developing a drag and drop interface for a course builder. Courses are split into lessons and lessons into slides. While switching between slides, I wanted to have a small thumbnail...
View ArticleClik here to view.
Be amazed by the Responsive Filemanager with Adobe Aviary integration
“Responsive FileManager is a free open-source file manager and image manager made with jQuery, CSS3, PHP and HTML5 that offers a nice and elegant way to upload and insert files, images and videos. You...
View ArticleClik here to view.
Splitter / Split Pane / Docker options
SPLIT PANES / DOCKER allow you to display multiple areas, either side by side or one on top of each other. Nested layouts are often part of it. By dragging a divider that appears between the areas, the...
View ArticleClik here to view.
Cropper – A simple image cropping plugin
touch (mobile) zooming rotating scaling (flipping) multiple croppers crop on a canvas crop image in the browser by canvas translate Exif Orientation information Cross-browser support Cropper.js /...
View ArticleClik here to view.
Options to detect when a @font-face has been loaded
OPTION 1 Use the CSS font loading API. Not supported in all browsers yet (MDN, W3C). You can call document.fonts to get a FontFaceSet object. check(fontSpec) – returns whether all fonts in the given...
View ArticleClik here to view.
metisMenu … a jQuery menu plugin
metisMenu offers a lot of options to tweak layout and usage. The plugin provides options for Vertical menus Folder Views Hover Menus GitHub / WordPress Version
View ArticleClik here to view.
Searching for a Navigation Solution … check NavNav
NavNav provides a ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web. NavNav
View ArticleClik here to view.
URL mutation … sounds serious … library
“URI.js is a javascript library for working with URLs. It offers a “jQuery-style” API (Fluent Interface, Method Chaining) to read and write all regular components and a number of convenience methods...
View ArticleClik here to view.
Tweene the animation proxy
It is an animation proxy: used as a wrapper of your chosen library, it may allow you to do more and better and it makes easy to switch from one library to another any time you want. Currently it can...
View ArticleClik here to view.
Map that DOM element with a Minimap
Minimap provides a preview of a full webpage or its DOM element. All with flexible positioning and navigation support.//Desired dom element var previewBody = $('body').minimap();GitHub
View ArticleClik here to view.
Fine UI inspiration at Code My UI
Code My UI provides handpicked code snippets, you can use in your own web projects. You can find website design inspiration, plus some code samples. Code My UI
View Article