반응형
반응형

Slip.js — UI library for manipulating lists via swipe and drag gestures

 

 

Slip.js: Simple touch screen list re-ordering

slipjs

반응형
반응형

10 Best jQuery Plugins for December 2013

 

1. Adaptive Backgrounds

adaptive-backgrounds
Adaptive Backgrounds is a jQuery plugin for extracting dominant colors from images and applying it to its parent element. This plugin utilizes the canvas element and the ImageData object, and due to cross-site security limitations, the script will fail if one tries to extract the colors from an image not hosted on the current domain, unless the image allows for Cross Origin Resource Sharing.

Source

2. Dynatable

dynatable
Dynatable is a funner, semantic, interactive table plugin using jQuery, HTML5, and JSON. And it’s not just for tables. The purpose of Dynatable is to provide a simple, extensible API, which makes viewing and interacting with larger datasets easy.
Dynatable provides a framework for implementing the most common elements out of the box, including sorting, searching and filtering. Above all, Dynatable is a clean and elegant API that is fun to use.

Source

3. jQuery Label Better

jquery-label-better
jQuery Label Better helps you label your form input like a boss with beautiful animation and without taking up space. The uniqueness about this plugin is that all you have to do is add a placeholder text, and we will show the label only when the user needs it.
To add this to your website, simply include the latest jQuery library together with jquery.label_better.js into your document’s head, and simply call the function. Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested.

Source

4. sDashboard

sdashboard
sDashboard is a simple & light weight dashboard jQuery plugin that converts an array of objects into a dashboard. Each object in the array would be rendered as a dashboard widget that can be rearranged by dragging around.
sDashboards has built in support for rendering datatable’s and flotr2 charts. It also has support to listen for events such as table row click, chart data click and data selection built-in. sDashboard depends on the following libraries: jQuery, jQuery UI, Datatables and Flotr2 charts (required for charting widgets).

Source

5. Multi Level Push Menu

multilevel push menu
Multi-level push menu is cross-browser compatible jQuery plug-in allowing endless nesting of navigation elements. It has support for unlimited levels, works cross browser/platform and makes things much easier for touch devices with swipe gestures. The menu can be set to next from left-to-right or right-to-left and all works with a simple markup (unordered lists).

Source

6. Alloftheheights. Js

alloftheheights
Allofthelights.js is a jQuery plugin that can change the opacity of the whole webpage but leave the video player. This is for helping the user to easily focus on the video and there is built-in support for YouTube, Vimeo, DailyMotion.. and custom players can be added too. It works with multiple players on the same page and supports responsive layouts/players with no issues. The animation speed, background color and opacity can all be customized an callback functions exist.

Source

7. PhotoJShop

photojshop
PhotoJShop is a jQuery plugin that enables us to apply such simple effects/filters to images. These filters include blur, sepia, emboss, lighten, darken, b&w, sharpen and more. The plugin works on canvas + images and the filters to be applied can be chained for easier usage.

Source

8. jQuery Interactive 3D

jQuery Interactive 3D
jQuery Interactive 3D is a plugin that allows us to accomplish a similar functionality using multiple images. It is so easy to use and works with a simple function and a list of specifically-named images. And, there are options for customization like the cursor icon, speed, touch support, auto-play and more.

Source

9. jQuery Lazy Load XT

lazyload
Lazy Load XT is a jQuery plugin for loading effects on images, videos, and other media. It works with YouTube videos, jQuery mobile, the Zepto library, and much more.

Source

10. jQuery Restable

restable
jQuery ReStable is a jQuery plugin that makes your tables responsive by turning them into UL lists when necessary. It’s lightweight, around 1kb, and very simple.

Source

반응형
반응형
60 Stunning jQuery Plugins for Websites

 

Scrolld.js

freejQueryPlugins-35

Resumable.js

freejQueryPlugins-36

WhatsNearby

freejQueryPlugins-37

Isotope

freejQueryPlugins-38

Minimalect

freejQueryPlugins-39

EasyDropDown

freejQueryPlugins-40

Selectize.js

freejQueryPlugins-41

Nivo Lightbox

freejQueryPlugins-42

jQuery CollagePlus

freejQueryPlugins-43

FilmRoll

freejQueryPlugins-44

Glide.js

freejQueryPlugins-45

Excolo Slider

freejQueryPlugins-46

CarouFredSel

freejQueryPlugins-47

OWL Carousel

freejQueryPlugins-48

Sticky-Kit

freejQueryPlugins-49

FlowType.JS

freejQueryPlugins-50

Moa Modal

freejQueryPlugins-26

Succinct

freejQueryPlugins-27

FailSafe

freejQueryPlugins-28

onScreen

freejQueryPlugins-29

Touche.js

freejQueryPlugins-30

Offline.js

freejQueryPlugins-31

Peeler.js

freejQueryPlugins-32

Mobify.js

freejQueryPlugins-33



At.js

freejQueryPlugins-34

Vortex

freejQueryPlugins-1

CLNDR.js

freejQueryPlugins-2

Selectric

freejQueryPlugins-3

FullPaged

freejQueryPlugins-4

jQuery Mapael – Build dynamic vector maps

freejQueryPlugins-5

Swatches

freejQueryPlugins-6

Block Slide

freejQueryPlugins-7

Toolbar.js

freejQueryPlugins-8

jqTimeline

freejQueryPlugins-9

jQuery Spellchecker

freejQueryPlugins-10

ScrollUp

freejQueryPlugins-11

Nod Frontend Validation

freejQueryPlugins-12

Any List Scroller

freejQueryPlugins-13

Tumbo 1.0 – Show Tumblr feeds on your website – Jquery plugin

freejQueryPlugins-14

Responsive Text

freejQueryPlugins-15

ImageFill-js

freejQueryPlugins-16

Tipue Drop

freejQueryPlugins-17

Resizable Columns

freejQueryPlugins-18

BIGVIDEO.JS

freejQueryPlugins-19

stickUp

freejQueryPlugins-20

Tabslet

freejQueryPlugins-21

Offreg

freejQueryPlugins-22

jQuery Fullscreen Editor

freejQueryPlugins-23

jVanilla Menu

freejQueryPlugins-24

Snap.svg

freejQueryPlugins-25

반응형
반응형

Best jQuery Plugins of the Week [15th December-21st December]

 

Best jQuery Plugins of the Week

1. uinit

Developed by Joakim Carrilho de Almeida, uinit is a jQuery plugin that helps in customizing HTML attributes to automate the creation of widgets.

Download

2. jVanilla Menu

jVanilla is a menu jQuery plugin that takes an existing pure CSS drop-down menu and adds enhancements such as animations, submenu levels and timeout delays to it.

best-jquery-plugins

Demo | Download

3. jQuery Responsive Lazy Loader

Developer by J-Et. Martin, Responsive Lazy Loader is a plugin enables users to load images renditions according to CSS display and breakpoint..

best-jquery-plugins

Demo | Download

4. Password Checker

Password Checker by Nicolas Zhao is a jQuery plugin for detecting the strength of the password that a user enters.

Download

5. Snap.svg

Snap.svg is a JavaScript SVG library for the modern web. SVG is a smart way of creating an interactive, resolution-independent vector graphics that will look great on different size screens.

best-jquery-plugins

Demo | Download

6. jQuery Prettychecks Plugin

Prettychecks plugin helps replace the default user agent checkboxes and radios for custom images.

best-jquery-plugins

Download

7. Squishy

Squishy is a best jQuery plugin that automatically resizes text to fit the container with no extra work on your part.

best-jquery-plugins

Download | Demo

8. jQuery dropList

Developed by Dinesh Vadivel dropList is a lightweight jQuery plugin for customizing UI style for drop down list. The plugin has drop list, multi-list and combo list options.

Download

9. Infinite Scroll

Developed by Haralan Dobrev, Infinite Scroll is a jQuery plugin that is fast, bi-directional to help in endless pagination.

Download

10. Succinct

Succint is a tiny jQuery plugin for truncating multiple lines of text. It shortens your text to a specified size and then adds an ellipsis to the end.

best-jquery-plugins

Download | Demo

11. Field Chooser

Developed by Matthew Eagar, field chooser is plugin for dragging and dropping items between two lists with multi-select and keyboard shortcuts.

Download

12. Moa Modal

Moa Modal is a flexible jQuery modal plugin that features custom animation and positioning for users ti make optimum use of it.

best-jquery-plugins

Demo | Download

13. iCheck

iCheck by Damir Sultanov is a highly customizable checkboxes and radio buttons jQuery plugin that comes fully loaded with features like identical inputs across different browsers and devices, touch devices support, provides 32 options to customize checkboxes and radio buttons, and the list continues.

Demo | Download

반응형
반응형

Koa: A next-gen Node.js web framework

koa

 

Expressive middleware for node.js using generators

 

Expressive middleware for node.js using generators via co to make web applications and APIs more enjoyable to write. Koa's middleware flow in a stack-like manner allowing you to perform actions downstream, then filter and manipulate the response upstream. Koa's use of generators also greatly increases the readability and robustness of your application.

Only methods that are common to nearly all HTTP servers are integrated directly into Koa's small ~400 SLOC codebase. This includes things like content-negotiation, normalization of node inconsistencies, redirection, and a few others.

No middleware are bundled with koa. If you prefer to only define a single dependency for common middleware, much like Connect, you may use koa-common.

Installation

$ npm install koa

To use Koa you must be running node 0.11.9 or higher for generator support, and must run node(1) with the --harmony flag. If you don't like typing this, add an alias to your shell profile:

alias node='node --harmony'

Another option, if you would like to use koa with node 0.10.x (the current stable branch), or are tired of typing the --harmony flag, is to use gnode to spawn your node instance. However note that performance degrades quickly compared to 0.11.x.

Community

 

반응형
반응형

Zepto Builder: A web based Zepto customizer

zeptobuilder

Zepto Builder will let you generate a custom version of Zepto that just includes the modules you need.

 

Getting started

After cloning (or downloading) the repo you must run npm install to fetch all dependencies, when this is done all Bower packages will automatically be downloaded and a browser build of Uglify will be created. Needless to say, for this to work you will need to have Node.js and Bower installed on your machine.

Grunt task

Grunt is used to create a distribution build. By running the default Grunt task it will optimize all resources and store them in the dist folder. The files located in this folder are prepared to be uploaded / deployed as is.

Under the hood

So, how does this tool actually work? Well, altough Zepto offers a CLI-based build tool I have decided to make it client-side only, based on DownloadBuilder. The process from selecting the modules to actually generating the build (and minify it) is:

  • all available Zepto module metadata (i.e. name, size and URL) is dynamically fetched from GitHub and cached (for now this is session based);
  • the module descriptions are mapped via a static JSON file (assets/json/modules.json) and are shown when hovering the table rows;
  • based on ones selection the modules will be fetched from GitHub and concatenated by DownloadBuilder
  • the minification process is handled by a browser build of Uglify
반응형

+ Recent posts