반응형

jQuery.textcomplete: Autocomplete for textarea

자동완성

 

Forms - jQuery/Added on September 11, 2013/Add to favorites

jQuery.textcomplete is a jQuery plugin that adds an autocomplete feature to textareas, like the ones found in GitHub comment forms. It’s completely open source, released under the MIT license.

jquery textcomplete

Homepage: http://yuku-t.com/jquery-textcomplete/
GitHub: https://github.com/yuku-t/jquery-textcomplete

 

 

Autocomplete for Textarea

Introduces autocompleting power to textareas, like a GitHub comment form has.

DemoDemo.

How to use

Note: The key words "MUST", "SHOULD", and "MAY" in this document are to be interpreted as described in RFC 2119.


jQuery MUST be loaded ahead.

<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.textcomplete.js"></script>

Then jQuery.fn.textcomplete is defined. The method MUST be called for textarea elements, and the receiver SHOULD include an element.

$('textarea').textcomplete(strategies);

The strategies is an Object not an Array. Each value is called a strategy object and the corresponding key is the name of the strategy.

var strategies = {
  // There are two strategies called 'foo' and 'bar.'
  // The plugin does not care these property names so you should use
  // meaningful names.
  foo: strategy,
  bar: otherStrategy
};

The strategy is an Object which MUST have match, search and replace and MAY have index, maxCount and template.

var strategy = {
  // Required
  match:    matchRegExp,
  search:   searchFunc,
  replace:  replaceFunc,

  // Optional
  index:    indexNumber,
  maxCount: maxCountNumber,
  template: templateFunc,
  cache:    cacheBoolean
}

The matchRegExp and indexNumber MUST be a RegExp and a Number respectively. matchRegExp MUST contain capturing groups and SHOULD end with $. indexNumber defaults to 2. The word captured by indexNumber-th group is going to be the term argument of searchFunc.

// Detect the word starting with '@' as a query term.
var matchRegExp = /(^|\s)@(\w*)$/;
var indexNumber = 2;

The searchFunc MUST be a Function which gets two arguments, term and callback. It MUST invoke callback with an Array of String. It is guaranteed that the function will be invoked exclusively even though it contains async call.

If you want to execute callback multiple times per a search, you SHOULD give true to the second argument while additional execution remains. This is useful to use data located at both local and remote. Note that you MUST invoke callback without truthy second argument at least once per a search.

The maxCountNumber MUST be a Number and default to 10. Even if searchFunc callbacks with large array, the array will be truncated into maxCountNumber elements.

The cacheBoolean MUST be a Boolean. It defaults to false. If it is true the searchFunc will be memoized by term argument. This is useful to prevent excessive API access.

var searchFunc = function (term, callback) {
  // Show local cache immediately.
  callback(cache[term], true);

  $.getJSON('/search', { q: term })
    .done(function (resp) {
      // Resp must be an Array of String such as:
      //   ['hello', 'world']
      callback(resp);
    })
    .fail(function () {
      // Callback must be invoked even if something went wrong.
      callback([]);
    });
};

The templateFunc MUST be a Function which gets and returns a string. The function is going to be called as an iteretor for the array given to the callback of searchFunc.

var templateFunc = function (value) {
  return '<b>' + value + '</b>';
};

The replaceFunc MUST be a Function which gets and returns a string. It is going to be invoked when a user will click and select an item of autocomplete dropdown.

var replaceFunc = function (value) { return '$1@' + value + ' '; };

The result is going to be used to replace the textarea's text content using String.prototype.replace with matchRegExp:

textarea.value = textarea.value.replace(matchRegExp, replaceFunc(value));

Example

var emojies = ['+1', '-1', 'dog', 'cat'];

$('textarea').textcomplete({
  // mention strategy
  mention: {
    match: /(^|\s)@(\w*)$/,
    search: function (term, callback) {
      callback(cache[term], true);
      $.getJSON('/search', { q: term })
        .done(function (resp) { callback(resp); })
        .fail(function ()     { callback([]);   });
    },
    replace: function (value) {
      return '$1@' + value + ' ';
    },
    cache: true
  },

  // emoji strategy
  emoji: {
    match: /(^|\s):(\w*)$/,
    search: function (term, callback) {
      var regexp = new RegExp('^' + term);
      callback($.map(emojies, function (emoji) {
        return regexp.test(emoji) ? emoji : nil;
      }));
    },
    replace: function (value) {
      return '$1:' + value + ': ';
    }
  }
});

Style

The HTML generated by jquery-textcomplete is compatible with Bootstrap's dropdown. So all Bootstrap oriented css files are available.

This repository also includes jquery.autocomplete.css. It is useful to be used as the starting point. 

 

반응형
반응형

[mssql]  숫자 앞에 0 으로 채우기, Replicate

 


-- 2013-9-2
select YEAR(getDate()), Month(getdate()), day(getdate())


-- 2013-09-02
select YEAR(getDate()), replicate('0',2 - len(Month(getdate()))) + cast(Month(getdate()) as varchar), replicate('0',2 - len(day(getdate()))) + cast(day(getdate()) as varchar)

반응형
반응형

40 Fresh jQuery Plugins To Make Your Website User Friendly

 

Flexisel – Responsive Carousel Plugin

( Demo | Download )

Resize your browser window to see how you the plugin can adjust to the window width. Flexisel will adapt responsively as the screen width gets smaller…

Swipebox – A Touchable jQuery Lightbox

( Demo | Download )

Swipebox is a jQuery “lightbox” plugin for desktop, mobile and tablet.

Sidr – Creating Facebook-Like Side Menus

( Demo | Download )

The best jQuery plugin for creating side menus and the easiest way for doing your menu responsive.

Unslider – A ‘Super-Tiny’ jQuery Slider

( Demo | Download )

The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.

jQuery Nested – Create Multi-Column, Dynamic Grid Layouts

( Demo | Download )

Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts.

jResponsive – Super-Smooth Transition Layouts

( Demo | Download )

JResponsive will organize your content in an efficient, dynamic and responsive layout. It can be applied to a container element and it will arrange its children in a layout that makes optimal use of screen space, by “packing” them in tightly. One of the very famous website that using this type of layout is Pulse.

MultiDialog

( Demo | Download )

MultiDialog utilizes jQuery UI Dialog Widget for a full featured Modalbox / Lightbox application.

FlexNav – Flexible, Device Agnostic Navigation

( Demo | Download )

A jQuery Plugin for Responsive Menus.

Flaunt.js – Responsive Navs with Nested Click-To-Reveal

( Demo | Download )

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…

SlideToucher – Touch Enabled jQuery Plugin for Content Swiping

( Demo | Download )

SlideToucher, touch enabled jQuery plugin for content swiping. Supports vertical and horizontal swipes.

LiquidSlider – A Responsive jQuery Content Slider

( Demo | Download )

A Responsive jQuery Content Slider.

Dropdown.dot.js – Flexible Dropdowns Based on dot.js Templates

( Demo | Download )

A JQuery Plugin for super-flexible Dropdowns based on dot.js Templates.

Typeahead.js – A Fully-Featured Autocomplete Library

( Demo | Download )

A fast and fully-featured autocomplete library.

iCheck – Customize Checkboxes & Radio Buttons

( Demo | Download )

iCheck plugin works with checkboxes and radio buttons like a constructor.

Chardin.js – Simple Overlay Instructions for Apps

( Demo | Download )

Simple overlay instructions for your apps.

jQuery Alpha Image Plugin

( Demo | Download )

This plugin can change selected colours to transparent on your image and give result as image or imagedata. This plugin works on IE9+, Chrome, Firefox, Safari. I didn’t try in opera.

ScrollUp

( Demo | Download )

A Lightweight Plugin for Creating a Customisable “Scroll-to-Top”.

Adding Alarms to the Digital Clock

( Demo | Download )

Adding Alarms to the Digital Clock.

Ractive.js

( Demo | Download )

Ractive.js is different. It solves some of the biggest headaches in web development – data binding, efficient DOM updates, event handling – and does so with almost no learning curve.

Firechat

( Demo | Download )

Firechat is an open-source, real-time chat widget built on Firebase. It offers fully secure multi-user, multi-room chat with flexible authentication, moderator features, user presence and search, private messaging, chat invitations, and more.

Albumize

( Demo | Download )

Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.

PowerTip – A jQuery Hover Tooltip Plugin

( Demo | Download )

PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience.

jQuery Pin – Pin Any Element Within a Container

( Demo | Download )

Query.Pin is here to help! Pin any element to the top of a container. Easily disable it for smaller screen-sizes where there’s no room for that kind of shenanigans.

Perfect-Scrollbar – A jQuery Scrollbar Plugin

( Demo | Download )

Tiny but perfect jQuery scrollbar plugin.

Complexify

( Demo | Download )

Complexify aims to provide a good measure of password complexity for websites to use both for giving hints to users in the form of strength bars, and for casually enforcing a minimum complexity for security reasons.

Pickadate.js

( Demo | Download )

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Cool Kitten

( Demo | Download )

It is a collection of HTML/CSS and JavaScript files to be used for web designers and developers.

Google Map

( Demo | Download )

A jQuery Plugin allows you to easely manipulate the Google Map API. You are now able to create maps, add some markers et create routes.

qTip2 – Pretty powerful tooltips

( Demo | Download )

The second generation of the advanced qTip plugin for the ever popular jQuery framework.

Magnific Popup

( Demo | Download )

Fast, light, mobile-friendly and responsive lightbox and modal dialog plugin. Open inline HTML, ajax loaded content, image, form, iframe (YouTube video, Vimeo, Google Maps), photo gallery. In/out animation effects are added with CSS3 transitions.

AutoHideInput

( Demo | Download )

AutoHideInput is a simple jQuery plugin that hides and shows the information entered by the user.

Progression.js

( Demo | Download )

A jQuery plugin that gives users real time hints & progress updates as they complete forms.

Thumbnail Grid with Expanding Preview

( Demo | Download )

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.

App Showcase with Grid Overlay

( Demo | Download )

A tutorial about creating a simple grid overlay with subtle transitions for an app showcase.

jQuery TourBus

( Demo | Download )

A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window.

Pop Easy

( Demo | Download )

A light weight jQuery plugin that is a must have for any developer to easily create modal windows. Put focus on important elements by applying a mask to your page and opening a customizable pop up modal window.

Smint : Sticky Menu with Smooth Scroll

( Demo | Download )

SMINT is a simple plugin for lovers of one page websites.

FlipClock

( Demo | Download )

Least.js

( Demo | Download )

Random & Responsive jQuery, Html5 & Css3 Gallery with Lazyload.

Making Chart

( Demo | Download )

Make Pretty Charts For Your App with jQuery and xCharts.



Read more: http://www.smashingapps.com/2013/09/10/40-fresh-jquery-plugins-to-make-your-website-user-friendly.html#ixzz2edYdgf3K

반응형
반응형

IE에서 문장  복사하기

 

[예제 1] 데이타만 미리 준비해두고 클립보드에 복사하기
<script language="JavaScript">
< !--
function copy() {
var data = "안녕하세요.\n찾아주셔서 반갑습니다.\n앞으로도 잘부탁드립니다.";
window.clipboardData.setData("Text",data);
alert('복사 되었습니다.');
}
//-->
< /script>

< span style="cursor:pointer" onClick="copy()">[인사말]</span>
< br />
< TEXTAREA NAME="" ROWS="20" COLS="40"></TEXTAREA>
[예제 2] 웹페이지 특정 문단부분만을 클립보드에 복사하기
<script language="JavaScript">
< !--
function copy(obj) {
var data = "";
for (var i=0; i<obj.childNodes.length; i++){
data += obj.childNodes[i].nodeValue||"\n";
}
window.clipboardData.setData("Text",data);
alert('복사 되었습니다.');
}
//-->
< /script>
<DIV ID="text1">
안녕하세요.<br />
찾아주셔서 반갑습니다.<br />
앞으로도 잘부탁드립니다.
< /DIV>

< span style="cursor:pointer" onClick="copy(document.getElementById('text1'))">[인사말]</span>
< br />
< TEXTAREA NAME="" ROWS="20" COLS="40"></TEXTAREA>
반응형
반응형
Best jQuery Plugins of the Week [1st September-7th September]

 

Immense response from our readers motivates us so much so that we feel persuaded enough to keep making keen efforts to help designers and developers get benefitted in terms of increasing productivity and ease with which they work. In the preceding days we have been coming up with various listicles of different tools, apps, jQuery plugins and lot more to make the task of finding the best ones easier.

Remember the Best jQuery Plugins of August 2013 article we came up with recently? Indeed it was a huge list which comprised of useful jQuery plugins we chose for the month of August.

best-jquery-plugins

Well, today we are here with another listicle which is based on the choice of best jQuery plugins for the first week of this month. [1st September-7th September]

Best jQuery Plugins of the Week

1. DD Icon Menu

Developed by Dynamic Drive is a jQuery plugin that creates an icon based vertical menu that is fixed on the left edge of the browser window and expands to show sub menus on Mouseover.

best-jquery-plugins

Download | Demo

2. Mimeo

Mimeo by Ben Plum is a jQuery plugin that is developed for designers to get the responsive images.

best-jquery-plugins

Download | Demo

3. OmniWindow

OmniWIndow by Alexander Rudenka is an extremely customizable modal window plugin for jQuery with 150 lines of code that is written specially for programmers.

best-jquery-plugins

Download | Demo

4. Persona Assistant

Persona Assistant by Andrew Chilton is a jQuery plugin that help users in performing common Persona tasks.

best-jquery-plugins

Download | Demo

5. Tagger widget

Developed by Nick Palmer, Tagger widget is a jQuery plugin that lets users turn a HTML select into an auto-suggesting, tagging widget.

 

Download

6. Google Map

Google Map by Thibault HENRY is a jQuery plugin that enables users to easily manipulate the Google Map API. With this plugin, users can create maps, add some markers et create routes.

best-jquery-plugins

Download | Demo

7. jQuery image crop

As the name clearly says, jQuery image crop by Dan Caragea is a plugin for image cropping.

Download | Demo

 

8. Trip.js

Developed by EragonJ a light-weight jQuery plugin that helps customize a tutorial trip easily with immense flexibility.

best-jquery-pluginsDownload | Demo

9. Scrolltab

Scrolltab by Chris Saylor is a jQuery plugin that adds tabs for elements visually associated to their position relative to the scroll bar. This cool plugin enables a developer to attach floating tabs to the scrollbar of the brwoser that will scroll the user to the position indicated by the tab. Besides, this tab is expandable with content within.

best-jquery-plugins

Download | Demo

10. BeaverSlider

Developed by Simonellez, BeaverSlider is jQuery widget that lets users create slideshows with ease.

best-jquery-pluginsDownload | Demo

11. PlusSlider

PlusSlider by Jamy Golden is a responsive and agnostic jQuery content slider/fader plugin.

best-jquery-plugins

Download | Demo

12. jQuery Element Diff

jQuery Elemnt Diff by Atsushi Nagase is a jQuery plugin that generates JavaScript code to arrange elements to be same.

best-jquery-plugins

Download

13. jQuery Time Dropdown

jQuery Time Dropdown by Richard Kiss is a plugin for time picker that has a small menu with a small number of times that should handle most cases. Besides, it allows an arbitrary time to be entered too.

best-jquery-plugins

Download | Demo

14. AutoHideInput

AutoHideInput by Vitalii Tereshchuk is a simple jQuery plugin for additional security for secure fields. As the name hints, this jQuery plugin hides and shows the information entered by the users as per their choice.

 

best-jquery-pluginsDownload | Demo

15. Table Filter

Developed by Kyo Nagashima, Table Filter is a jQuery plugin that lets users insert a input form for filtering table rows dynamically.

best-jquery-pluginsDownload | Demo

16. Listplus

Listplus is an extremely light weight jQuery plugin that lets users add sorting, grouping and filtering to html lists. It is developed by Luke Sargeant

best-jquery-plugins

Download | Demo

17. jQuery Bricks

Developed by Florian Ferbach, jQuery Bricks helps users built walls with HTML elements.

best-jquery-plugins

Download | Demo

18. jQuery MultiDialog

Developed by Felix Nagel MultiDialog jQuery plugin utilizes jQuery UI Dialog Widget for a full featured Modalbox/Lightbox application. It is a flexible, easy to use yet extendable plugin fits great into the jQuery UI Widget family.

screen-capture

Download | Demo

 

반응형
반응형

http://thedesignblitz.com/best-jquery-plugins-august-2013/

 

jQuery is a multi-browser JavaScript library designed to simplify the client-side scripting of HTML, make event handling, animation, and Ajax much simpler with an easy-to-use API across various browsers. Over the years jQuery has been blending versatility with extensibility making people witness oodles of changes in the ways it can be written. jQuery plugins as you all know are the javascript frameworks that are best used for designing and development.

These days more and more creative minds are opting for writing jQuery plugins as the genre to help people in web development and designing. Each day we keep coming across many useful jQuery plugins that promise to be if great help.

There are indeed thousands of plugins available online but surfing the web for long to find the best bet for yourself can be bit too time consuming. If you are the one who wishes to keep the track of these jQuery Plugins rolled out every now and have time crunch then I am sure you know what’s the deal. Each week we post best jQuery plugins for you all to check out and download the ones you find useful for your task handling. Incase, that too is a big hassle then here we have come up with the list of Best jQuery plugins on monthly basis too.

best-jquery-plugins-2013

Take a closer look at the best and latest jQuery plugins of August 2013 that we have selected for you.

Best jQuery Plugins of August 2013

1. Digital Slideshow

Digital Slideshow is a jQuery Plugin that can be used in opensource commercial projects and is available for free download.

best-jquery-plugins

Download | Demo

2. jQuery.BgSwitcher

As the name hints its a jQuery plugin that enables the users to switch the background image with effect.

best-jquery-plugins

Download | Demo

3. jQuery.Feyn

Feyn is a jQuery plugin to let you draw Feynman diagrams with Scalable Vector Graphics (SVG). Fully loaded with cool features, this plugin asks you to first load the scripts found in the distribution to proceed further. Without loading the scripts it in not possible for any person to use this plugin.

best-jquery-plugins

Download | Demo

4. AnimatedScroll.js

AnimatedScroll.js developed by Yevhen Tiurin is a jQuery plugin that enables smooth, animated document scroll to a specific element, supporting native jQuery UI easings.

best-jquery-plugins

Download | Demo

5. Glowspot background hover effect

Glowspot background hover effect by Graham Breach as the name hints displays a glowing area in the background of the selected elements using an HTML5 canvas. Move your cursor over the tabs above to see the effect. This work in Firefox, Chrome, Opera, IE9 and Safari.

best-jquery-plugins

Download | Demo

6. jQuery Wikipedia

jQuery plugin is for easy reloading of data from Wikipedia about Wikipedia API using JSON. It is important to pass the invite to a Wikipedia page title.

best-jquery-plugins

Download

7. jQuery Nice file Input

The jQuery Nice File Input Plugin by Jaydev Gajera provide batter looking file input HTML element besides making all kinds of customizations to fit your application without any fuss.

best-jquery-pluginsDownload | Demo

8. EasyDataTable AJAX Pagination jQuery plugin

EasyDataTable AJAX pagination plugin by ray is simple, clear, easy to use, flexible, comprehensive, has its own tabs, supports sorting and much more.

best-jquery-plugins

Download | Demo

9. AnimateScroll

AnimateScroll by Ram Swaroop is a jQuery plugin that allows users to scroll to any part of the page in style easily by animatescroll function with the Id of the element where you want to scroll to. The best part is that it supports more than 30 unique scrolling styles.

best-jquery-pluginsDownload | Demo

10. 3dEye.js

3dEye.js by Paul Shan is a lightweight jQuery plugin has the ability to make a 3D view of an object with minimal effort. This plugin is cross browser supportable, and runs smoothly in iOS and Android.

best-jquery-plugins

Download |Demo

11. Starscroll – A parallax scrolling starfield

Starscroll is a jQuery plugin that adds a fullscreen starfield, generated in canvas, controlled by css to any div. The parallax responds when user scrolls.

best-jquery-plugins

Download | Demo

12. Juicy Slider

Juicy Slider by Van Ting is a responsive slider/slideshow plugin for jQuery. This jQuery plugin adjusts image size by computing the corresponding aspect ratio of images and viewport. best-jquery-plugins

Download | Demo

13.flipLightBox – Responsive Lightbox jQuery Plugin

flipLightBox is a responsive Lightbox that is extremely easy to implement and doesn’t require additional stylesheets, scripts or libraries.

best-jquery-plugins

Download |Demo

14. jQuery Matt Tabs

jQuery Matt Tabs by Matt Hall is a simple jQuery plugin that enables users to create tabbed interfaces.

best-jquery-pluginsDownload | Demo

15. jQuery URL Shortener

As the name clearly hints jQuery URL Shortener plugin helps in shortening URLs using Google URL shortener API.

best-jquery-plugins

Download | Demo

16. Retinize

Retinize is a jQuery plugin that helps in upscaling images to give that perfect looks correctly on retina screens and is particularly useful for pixel art when you don’t want to store an upscaled version.

best-jquery-pluginsDownload | Demo

17. jQuery Scrollbox

jQuery Scrollbox is a simple and lightweight jQuery plugin that allows users to scroll a list like carousel or traditional marquee.

best-jquery-pluginsDownload | Demo

18. jQuery finderSelect

jQuery finderSelect is a jQuery plugin that activates file explorer type selecting to all elements supports Ctrl+Click, Command+Click, Ctrl+Drag, Command+Drag and Shift+Click.

best-jquery-pluginsDownload | Demo

19. Yet Another DataTables Column Filter (Yadcf)

Yadcf is a jQuery plug-in lets users easily add filter components to table columns and works on top of the DataTables jQuery plug-in.

best-jquery-plugins

Download | Demo

20. jQuery noInput

Developed by Harold S. Henry its a jQuery plugin that displays inline labels similar to HTML 5′s placeholders that lets you style the placeholder text.

best-jquery-plugins

Download | Demo

21. HeapBox

As a webdesigner/webdeveloper you know how hard it is to deal with native HTML forms look or functionality. Heapbox is a jQuery powered by jQuery helps write JavaScript with ease.

best-jquery-plugins

Download | Demo

22. QUAIL

Quail by Kevin Miller is a plugin that focuses on checking content against accessibility guidelines.

best-jquery-plugins

Download | Demo

23. jQuery Tippy

Tippy is a jQuery plugin that makes it very easy for the users to create simple, flexible and powerful tooltips for website using jQuery. It is a customizable plugin with default options carefully configured to make it easy for anyone to get started.

best-jquery-plugins

Download | Demo

24. jQuery Color Picker Sliders

jQuery Color Picker Sliders is an advanced color selector with support for human perceived lightness. The plugin promises to work in all modern browsers and on touch devices and it’s responsive. This color picker sliders works internally in the CIE Lab color space represented with the CIE Lch color model.

best-jquery-plugins

Download | Demo

25. SKDZoom – Stylish image zoomer

SKDZoom is a jQuery stylish CSS3 image zoomer that comes with rounded box and Lens zoom support, easily customizable color and other options.

best-jquery-plugins

Download | Demo

26. jquery tags plugin

jQuery tags plugin promises to help developers visualize their tags in a neat user interface that too with just a single line of code.

best-jquery-plugins

Download

27. Simple HTML5 Music Player

Simple HTML5 Music Player is a plugin dedicated to music lovers. Its a skin-able HTML5 Audio player that offers a custom design alternative to the generic browser rendered player.

best-jquery-plugins

Download

28. jQuery Dashboard Portal

jQuery plugin for Dashboard with layout lets users add forms, presentation, an manage projects depending upon the need.

best-jquery-plugins

Download | Demo

29. Image Scale

Inspired from Sproutcore SC.ImageView, the image scale jQuery plugin lets you scale images with ease besides letting you fit or fill any target container through two simple properties viz scale and align.

best-jquery-plugins

Download

30. Flapper

Flapper is a jQuery plugin that replicates the split-flap well known as Solari displays that are common in train stations and airports. Flapper jQuery plugin helps display words or numbers with or without formatting them. Available in six sizes, two color themes, and two animation styles Flapper is written in HTML and CSS to let users customize it the way they want.

best-jquery-plugins

Download | Demo

31. Ideal Postcodes jQuery Plugin

Ideal Postcodes jQuery plugin allows the users to quickly add postcode lookups on a form using Royal Mails Postcode Address File. For a valid postcode, a dropdown menu is displayed and the selected address is piped into appropriate fields to let users check the postcodes with ease.

best-jquery-plugins

Download | Demo

32. FailSafe

FailSafe is a jQuery Plugin that makes your App Robust besides protecting your App from lost Internet connectivity and low battery level. When a user loses Internet connectivity or the system charge goes down, the FailSafe plugin shows a very user-friendly message to the user.
best-jquery-plugins

Download | Demo

33. Albumize

Albumize by palerdot is a jQuery plugin that lets users manage their collection of images in the web page as albums. Besides, this plugin lets you browse albums, add cover image to albums and switch between albums with ease.

best-jQuery-Plugins

Download | Demo

34. ScrollNav

ScrollNav is a small, lightweight jQuery plugin that enables adding of auto-hiding navbar to the websites. Promising to work best with BootStrap based websites, this is a plugin that makes your navigation bar act as a static navbar while scrolling down the page and an absolutely positioned navbar while scrolling up the page.

best-jQuery-Plugins

Download | Demo

35. jQuery Selz

Its a jQuery plugin to open Selz product hyperlinks in overlay and enables your visitors complete their purchase directly onto your site. The key philosophy behind this plugin is that selling and getting paid should be simple and easy.

best-jQuery-Plugins

Download | Demo

36. jQuery Responsive Tabs

Tabs widgets can be a very useful web element for grouping data on a web page. Developed by Jelle Kralt, jQuery Responsive tabs is a plugin that provides responsive tab functionality.

best-jQuery-Plugins

Download | Demo

37. jQuery Rotate

jQuery Rotate by Jakub Jankiewicz is a simple plugin that add css rotate property and animation.

best-jQuery-Plugins

Download | Demo

38. jQuery shiner

jQuery Shiner is a plugin that changes the opacity of the items in a list to give them impression of a cross-fading slide show. It can be used for a simple slideshow by using visibility and css3 transitions.

best-jQuery-Plugins

Download | Demo

39. Shuffle.js

Developed by Glen Cheney, Shuffle.js plugin helps in categorizing, sorting, and filtering a responsive grid of items and laying out a group of items. Its a responsive and fast plugin that promises to make your task easier.

best-jQuery-Plugins

Download | Demo

40. jQuery TextFit

Samuel Reed developed a jQuery plugin for letting users fit text to a box of any size without having to make any compromise with style.

best-jQuery-Plugins

Download | Demo

41. Pan and zoom jQuery

Pan and zoom by Damien Corzani is a jQuery plugin that allows users to manage zooming and moving on a given dom element.

best-jQuery-Plugins

Download | Demo

42. Free charts and graphs for HTML5, JQuery and Javascript

jChartFX is a powerful HTML5-compliant charting component that is designed to leverage the power of jQuery, CSS and SVG capabilities to deliver aesthetically superior charts and a richer end user experience, thereby providing complete collection of charts and graphs for professional data visualization and analysis.

best-jQuery-Plugins

Download | Demo

43. jQuery Micro

jQuery Micro by Jakub Jankiewicz is a Pico/Nano Like Editor for the web.

best-jQuery-Plugins

Download | Demo

44. Balanced Gallery

Balanced Gallery by Ryan Epp is a jQuery plugin that evenly distributes photos across rows or columns making the most of the space provided. This jQuery plugin scales the photos based on the size of the container element by default making it a great choice for responsive websites.

best-jquery-plugins

Download | Demo

45. Tabslet

Developed by Dimitris Krestos Tabslet is a jQuery plugin for tabs with extra cool features. The plugin is loaded with features like change tabs on mouse over, use animation effect for tabs’ changing, ability to use either href or alt attribute to target tab, rotation, custom events and lots more.

best-jquery-plugins

Download | Demo

46. jQuery Item Selector

jQuery Item Selector plugin by Mickael Maison is developed to select items using the jQueryUI accordion widget.

best-jquery-plugins

Download | Demo

47. infiniteScroll – JQuery plugin for ajax-enabled infinite page scroll / auto paging

infinteScroll by Sergey Glukhov is a simple plugin that makes ajax call to load data on the page and gives some basic callbacks like data loading started or data did loaded.

Download

48. jquery.ytLoad

Developed by Tobias Anhalt, ytLoad is a youtube inspired, simple, lightweight jQuery plugin that enables users visualize ajax progress.

best-jquery-plugins

Download | Demo

49. jQuery MyPlaces

jQuery MyPlaces by somospnt uses Google Maps API to help users locate and display a set of determined places on the map.

best-jquery-plugins

Download | Demo

50. colpick Color Picker

This jQuery plugin by Jose Vargas is a simple lightweight Photoshop-like color picker developed specifically for designers.

best-jquery-plugins

Download | Demo

51. jQuery Video Lightning

Developed by Andrew Carpenter video lightning is a simple jQuery plugin that turns any element into a lightbox / popover link for Youtube and Vimeo videos.

best-jquery-plugins

Download | Demo

52. jQuery confirm on exit plugin

How furious it is to lose all the data you just entered by clicking on a link or closing the window without pressing Send unintentionally. jQuery confirm on exit plugin helps you by making sure to ask you to confirm before exiting.

best-jquery-plugins

Download | Demo

 

반응형
반응형

[cookbook] Github + Trello 연동하기

 

http://nodeqa.com/nodejs_ref/89

 

 

[cookbook] Github + Trello 연동하기

  • Introduction
  • 준비과정
  • Trello API
  • Setting Service Hooks of Github
  • Git commit & push
  • Conclusion
  • Personal Project
  • 반응형
    반응형

     

     

     

    .

    반응형

    + Recent posts