Magic layout : jQuery plugin to Animate Page Elements

Magic layout : jQuery plugin to Animate Page Elements

Magic layout is a JQuery plugin by which you can animate all the elements on the page. There are 36 CSS3 animations that gives a huge advantage in performance. The plugin follow Responsive Web Design and it is fully adapted for mobile devices. Magic layout is simple to set up.

2 Blocks Template with CSS3 & jQuery

2 Blocks Template with CSS3 & jQuery

A template split in 2 animated blocks of content, inspired by dropbox.com/guide.

On bigger devices, the content is split in two main containers. When the user surfs through the content using the navigation, new content overlaps the old one. On smaller devices, we have a simple gallery of projects, with a slide-in panel containing additional project information.

jQuery Select Multiple Plugin

jQuery Select Multiple Plugin

An awesome user-friendlier drop-in replacement for the standard select with multiple attribute activated.

  • Works in an unobtrusive fashion
  • Fully open sourced
  • Keyboard support
  • Provides some callbacks
  • Fully customizable via CSS
  • Depends on jQuery 1.8+
  • Tiny code ~8kb minified

flextabledit : jQuery Flexible Table Editor

flextabledit : jQuery Flexible Table Editor

flextabledit is a jQuery plugin that allows users to create, edit and manage grid cells that are arranged in table columns and rows. It is particularly usefull in enviroments where the user must be given the possibility to completely define both the structure and the content of a table; e.g. on a form of a web page.

jstepper : jQuery Numeric Textfield Stepper

jstepper : jQuery Numeric Textfield Stepper

A jQuery plugin usable for making a numeric textfield value easy to increase or decrease with mousewheel support.

Transitioning Buttons with CSS3 & JavaScript

Transitioning Buttons with CSS3 & JavaScript

Transitioning Buttons is a collection of flat buttons that morph into components. The examples show different types of components, i.e. fullscreen overlay, modal window and many more. The buttons are easy to integrate, customize and are fully responsive. The collection comes with six color themes including a quick setup guide.

UMeditor : jQuery Rich Text Editor

UMeditor : jQuery Rich Text Editor

UMeditor, referred to UM, is ueditor simplified version. To meet our portal is simple reply box post boxes and demand for, customized online rich text editor. Our goal is not only to improve the online editor of editing experience, but also wants to change the threshold on the front-end technology rich text technology, so that we no longer feel this is a pit.

  1. Lightweight : the amount of code master file is 139k.
  2. Load faster : to abandon the use of traditional iframe mode, using a div loaded way to achieve faster loading speed and zero load failure rate.
  3. Customizable : CI complete, highly customized level.
  4. Scalable : code hierarchy split clear, the function as a plug-articulated, flexible customization required.
  5. More background support : support php, asp, jsp, net Fourth background deploy code
  6. Feature-rich : support insert the equation, QQ screenshots paste, drag and drop upload pictures, insert the map, Drafts function

Priority Navigation : jQuery Responsive Navigation Menu

Priority Navigation : jQuery Responsive Navigation Menu

Priority Navigation is a jQuery plugin for creating arbitrarily-prioritized responsive navigation menus.

The main feature that sets it apart from other examples, is that it allows for prioritization ordering independent from menu ordering. Menu item prioritization is managed by applying data-attributes to the elements.

Tabtab.js : jQuery Animated Tabs Plugin

Tabtab.js : jQuery Animated Tabs Plugin

A simple, Accessible, 60+fps, easy-to-use animated tabs plugin for jQuery.The plugin including the velocity.js library.

jcSlider : jQuery Responsive Slider with CSS Animations

jcSlider : jQuery Responsive Slider with CSS Animations

A responsive slider jQuery plugin with CSS animations.This plugin does not use jQuery animations. Only CSS3, because performance matters. No need to calculate distances, sizes or whatever, only add and remove classes to elements to animate them. It couldn’t be easier!

  • Only 1 js file
  • 1Kb minified
  • Responsive
  • Multiple effects (more than 60!)
  • Works with html, images… whatever you want to animate