반응형
반응형
Windows — Full-screen scrolling windows

 

http://nick-jonas.github.io/windows/

 

Windows is a jQuery plugin for creating full-screen scrolling windows. It sets up the basic SASS for sequential full screen windows and a jQuery plugin for managing their positions while the user scrolls.

 

windows

반응형

'프로그래밍 > Script' 카테고리의 다른 글

30+ Innovative New jQuery Plugins  (0) 2013.06.10
[JAVASCRIPT] select 관리  (0) 2013.06.05
Cytoscape.js  (0) 2013.06.03
How to enable JavaScript in your browser  (0) 2013.05.30
[jQuery] 30 jQuery Plugins for Amazing Website Design  (0) 2013.05.30
반응형

Cytoscape.js

 

 

 

Cytoscape.js (GitHub: cytoscape / cytoscape.js, License: LGPL, npm: cytoscape), developed at the Donnelly Centre at the University of Toronto by Max Franz, is a graph library that works with Node and browsers. This library is for working with “graphs” in the mathematical sense – interconnected sets of nodes connected by edges.

The API uses lots of sensible JavaScript idioms: it’s event-based, functions return objects so calls can be chained, JSON definitions of elements can be used, and nodes can be selected with selectors that are modelled on CSS selectors and jQuery’s API. That means you can query a graph with something like this: cy.elements('node:locked, edge:selected').

Styling graphs is also handled in a natural manner:

Graph style and data should be separate, and the library should provide core functionality with extensions adding functionality on top of the library.

Max and several contributs have been working on the project for two years now, so it’s quite mature at this point. The project comes with detailed documentation, a build script, and a test suite written with QUnit.

반응형
반응형

How to enable JavaScript in your browser

 

자바스크립트 사용 가능한 브라우저 인지 체크.

 

http://www.enable-javascript.com/

반응형
반응형

30 jQuery Plugins for Amazing Website Design

 

http://inspiretrends.com/30-jquery-plugins-for-amazing-website-design/

 

 

30 jQuery Plugins for Amazing Website Design.mht

1. jQuery Nested

1. jQuery Nested

jQuery Nested claims to be different than the rest because it is the only one out there that offers a complete gap-free layout. Whether you see sites on PC, tiltable tablets or smartphones, the grid just moves and makes sure that there are no gaps or idle spaces in between.

2. jResponsive

2. jResponsive

When you need to add jQuery driven layouts that can be changed, edited, and resized the way you want, jResponsive is the solution for creating smooth transitions and effects without the complicate coding.

3. FlexNav

3. FlexNav

FlexNav offers a different kind of experience for fluid, fast, smooth, and seamless transition effects to dropdown menus, which is optimized for devices that are usually touch-navigated.

4. scrollNav.js

4. scrollNav

For a cute-looking side-screen scroll navigator that changes font face depending on the sections of your webpage, aside from the fact that this plugin jquery follows you when scrolling deep down, scrollNav.js does things wonderfully.

5. ClassySocial

5. ClassySocial

ClassySocial combines the classy touch of jQuery effects and the connectivity of various social networking sites, all in one cool impressive package.

6. jQuery Github

6. jQuery Github

You can have your favorite Github Repositories displayed on your page nice and slick with unique jQuery plugins.

7. Flaunt.js

7. Flaunt

This jQuery tool can address the demand for fast-loading and smooth scrolling nested navs.

8. Sidr

8.Sidr – Creating Facebook-Like Side Menus

If you want to have the same effects found in the new Facebook user interface where pressing a button creates a sliding motion that reveals options and links, the Sidr does just that, far better and smoother.

9. Magnific Popup

9.Magnific Popup – Truly Responsive Lightbox

Those who want to have a jQuery-driven photo lightbox can use Magnific Popup, which lessens the burden of your users in waiting for long loading times, while maximizing functionality.

10. slideToucher

slideToucher – Touch Enabled jQuery Plugin for Content Swiping

slideToucher can help you move through the pages left and right, up and down by merely touching the screen and not using the scrolling bars found on the edges of the screen.

11. Flexisel

Flexisel – Responsive Carousel Plugin

Easily defined for providing a flexible carousel, Flexisel provides users an experience of going through different items with seamless effects and faster image loading.

12. Swipebox

Swipebox – A Touchable jQuery Lightbox

Basically, Swipebox is a jQuery-powered lightbox that can be flexible as a keyboard-navigated item in a desktop and swipe-driven lightbox in mobile devices.

13. Photoset Grid

13. Photoset Grid

Setting images in a grid becomes easy with jQuery plugins because all you need to set are the pictures, the grid properties, and everything else will take care of itself, regardless of image size.

14. LiquidSlider

LiquidSlider – A Responsive jQuery Content Slider

Thanks to CSS3, HTML5, and jQuery elements added with LiquidSlider, you can now enjoy clicking through tabs while seeing the responsive layout designs , whether you click one tab after another, or if you skip.

15. dropdown.dot.js

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

You can now have a unique-looking dropdown menu, which can also be placed with numbers, all for only 2.4kb, which is very lightweight.

16. Unslider

Unslider – A 'Super-Tiny' jQuery Slider

Though it presents a full-page slider that can be navigated by touch, mouse, or keyboard, Unslider is one of those “small but terrible” jQuery plugins when it comes to size against performance all for 3kb.

17. typeahead.js

typeahead.js – A Fully-Featured Autocomplete Library

This jQuery plugin has been designed based on Twitter’s autocomplete search tool, which you can work with your own sets of data.

18. iCheck

iCheck – Customize Checkboxes & Radio Buttons

iCheck helps you create and customize your own set of checkboxes and radio buttons, while assuring clean transitions thanks to jQuery plugins.

19. Image Picker

Image Picker

Image Picker utilizes animation selection with the help of images that can be set in grid, which works whether you click items from the dropdown menu or directly clicking the image.

20. Chardin.js

Chardin.js – Simple Overlay Instructions for Apps

Creating overlay instructions for your site can never be more amazing with this tool where the animation complements well with the texts and the lines.

21. Textillate.js

Textillate.js – A Plugin for CSS3 Text Animations

You can now experiment with text animation with jQuery plugins that lets you see the results of various effects applied to text, which works together with jQuery, animate.css, and lettering.js.

22. jtwt.js

jtwt.js – A Plugin to Display Your Recent Tweets

jQuery-powered recent tweet updates anyone? jtwt.js is the tool you can use for this alternative way of presenting such updates in your site.

23. imageloader.js

imageloader

Instead of just seeing images pop up after it has been loaded, imageloader.js provides a smooth fade-in effect that makes image appearance more subtle.

24. jQuery Alpha Image Plugin

jQuery Alpha Image Plugin

Setting images to transparent or semi-transparent is actually difficult, but jQuery Alpha Image Plugin addresses that problem very easy with codes.

25. bPopup

bPopup – A jQuery Modal Pop-Up Plugin

For those who wanted to edit and add properties to their popups, bPopup has been created for just that very purpose.

26. Sieve

Sieve – Add an Interactive Search Filter to Any Content

If you have a site that stores database of different things and you want to be searchable within your site, using Sieve jQuery plugins should provide an appeal as the bar is populated depending on what is sought.

27. Perfect-Scrollbar

Perfect-Scrollbar – A jQuery Scrollbar Plugin

Perfect-Scrollbar presents clean, sharp, and auto-fading scrollbars on images, which can also be resized.

28. Pronto

Pronto is one of those special jQuery plugins that is different from the rest of what’s available in this list. Instead of just being a plugin for certain site parameters, it speeds up site page load through HTML5 pushState().

29. scrollUp

scrollUp

When you want “scroll to top” links to become more fashionable and presentable, then this should work for you.

30. jQuery.Pin

jQuery Pin – Pin Any Element Within a Container

 

jQuery.pin is a creative way of pinning topmost elements that does not go away when scrolling down.

 

 

 

반응형
반응형

Synchronized jQuery 1.10 and 2.0.1 Releases

 

http://www.infoq.com/news/2013/05/synchronized-jquery-releases

 

jQuery 1.10 and 2.0.1 has been released. The primary goal of this release is to synchronize the features of the 1.x and 2.x lines. The jQuery 2.x line has the same API as the 1.x line, but does not support Internet Explorer 6, 7, or 8. If you are planning to upgrade and you currently using jQuery 1.8 and below, please make sure you read the jQuery 1.9 Upgrade Guide due to major changes to the API. If you are already using jQuery 1.9 or jQuery 2.0, the latest versions should be a drop-in replacement. jQuery is provided under the MIT license.

Here are the highlights of this release.

Relaxed HTML Parsing
You can once again have leading spaces or newlines before tags in $(html). Remember that it's strongly advised that $.parseHTML() be used to parse HTML from external sources.
Increased Modularity
The .wrap(), .wrapAll(), .wrapInner() and .unwrap() methods are now optional, so you can create custom builds that excludes these methods. If your code is using the newer .on() event methods introduced in jQuery 1.7, you can also exclude .bind() and .delegate(). Please note that the releases on the jQuery, Google, and Microsoft CDNs continue to include all methods for maximum compatibility.
IE9 Focus of Death Fix
If a page inside an iframe attempts to focus an element, or even tries to read document.activeElement before the page is ready, it causes an error in IE9. The internal work around to this issue it to use native DOM .focus(). .
Cordova Fix
In jQuery 2.0.1, the Cordova deviceready event doesn't properly set an event target. This has been confirmed on the iPhone and Android with Cordova 2.5.0. The work around is to set the target to the document.

The complete jQuery 1.10 and 2.0.1 changelog can be found at the end of the release blog post.

jQuery 1.10 and 2.0.1 are now available on the jQuery CDN. The Google CDN and the Microsoft CDN are still hosting the previous versions as of this writing, so please check in a few days.

반응형
반응형

 

http://svgjs.com/

 

SVG.js is a lightweight JavaScript library for animating and manipulating SVG. It has an uncluttered syntax, is only 7k gzipped, has various useful plugins, and much more.

svg.js

반응형

+ Recent posts