Bài viết này tổng hợp 14 thư viện JavaScript, công cụ mã JavaScript và các ứng dụng JavaScript để giúp các nhà phát triển web có thể trình bày dữ liệu trên các trang web tốt hơn.

• Demo
• Phóng to
• Tải lại
• Cửa sổ mới

Despite the performance limitations inherent to its dynamic nature, the increasing speed of JavaScript engines has made the language a surprisingly feasible compilation target.

Here at STG we have compiled Six 6 Innovative JavaScript Libraries which will surely enhance and improve one's Web experience whether you are a Developer or regular web-user. The following JavaScript Libraries can be used to produce a variety of dynamic browser effects which will make your user's online experience more interactive.

Spin.js - Easily Customizable Activity Indicator

Spin.js is small easy to use JavaScript library which enables users to create activity indicators such as loading or processing without any images. Spin.js uses CSS3 to render the UI, falling back to VML Internet Explorer. It supports all version of browser even IE 6.
Spin.js is highly configurable, resolution independent and it is even smaller than an animated Gif which takes 1.7 kb. Users can easily configure the spinner by customizing lines, the length of circle, width radius sped and trail. Spin.js doesn't require any jQuery plugin but if users want to use it as a Jquery plugin then it is also available as jQuery plugin.

Slippy

Slippy is a jQuery-powered HTML presentations library that comes with a responsive layout.

Besides browsing the slides with the prev-next keys it lets users to directly go to the desired slide by using the number keys.

Pure CSS Slideshow

A CSS-powered slideshow that displays slide numbers as a header and supports mouse-based navigations.

Every page has its own #url for direct links and doesn't break the browser history.

P.S. Check its source for the code.

Glfx.js - An Image Effects Library

Glfx.js allows users to apply image effects using the WebGL. Glfx. WebGL is a new technology only new browsers support this technology, users can check here whether their browsers support this technology or not, while using Glfx java script is only allowed to read images that originate from the same domain as the script reading them, so users can host the images which they modify. Glfx.js includes so many features such as brightness/contrast, sepia, noise, hue, filters lens blur and many more.

Glfx.js has three parts :

texture: a raw source of image data (created from an <img alt="" /> tag)
filter: an image effect (represents one or more WebGL shaders)
canvas: an image buffer that stores the results (a WebGL tag)

FlyJSONP - For Cross Domain Get & Post Requests

FlyJSONP is a tiny JavaScript library, which is 2.38kb that allows users to create cross domain GET and POST request with remote services which supports JSONP, and get a JSON response contrary. It is light weight and easy to use javascript library which pass through Yahoos YQL. It has complete control over the callback parameters name for Get requests. It doesn't have other dependency on other JavaScript's frameworks.

Cryptico.js - JavaScript Library For Encryption

Cryptico.js is easy and simple JavaScript Library which is used to encrypt text on client site. Cryptic has supports for RSA + AES methods, Cryptico can encrypt the text with the given length of 224 to 1024 etc.
Cryptico encrypts the text with a public key and it can only be decrypted with that key which client sites already have. Cryptico.js doesn't require any JS frameworks to function and Cryptico.js is well documented so it can be used easily.

S5

A popular standards-based presentation engine that has all the features we can ask for, including:

• auto-scaling of text (responsive)
• incremental display
• unique URLs for each slide (bookmarking works)
• progress indicator (handy for long slideshows)

and much more..

Sugar: JavaScript Library For Working With Native Objects

Sugar is a JavaScript library for working with native objects. It is designed to be intuitive, unobtrusive, and let you do more with less code. Sugar extends JavaScript objects with helpful, intuitive methods, adds cross browser functionality when it is broken or missing, sugar is entirely test driven from the ground up and includes a massive suit of tests.
Sugar is simple to understand and easy to use and it is fully ECMAScript compliant. Sugar is prototype in that it adds methods to native JavaScript objects. However it doesn't carry any of the weight of classic browser-oriented frameworks (ajax, DOM manipulation, inheritance, etc.)

Fathom.js

This is a jQuery plugin that lets us to create the slides in HTML, style them with CSS and control the presentation logic with JavaScript.

Navigation can be handled with keyboard, mouse or scrolling.

As a unique feature, it allows defining a video for synchronizing the slideshow with.

html5slides

html5slides is a presentation library developed by Google.

It has 2 built-in themes and support 3 different layouts (regular, faux-widescreen, widescreen).

DZSlides

A single file HTML5-CSS3 template for building presentations.

It also offers 2 shells: for embedding the output into other pages and for showing slides with a control panel.

Deck.js - A simple Library For Building Modern HTML Presentations

Deck.js is useful and flexible JavaScript library for building modern HTML presentations, it allows users to write highly customized decks with advanced CSS and JavaScript. Deck.js has been tested with Jquery 1.6+ and it simply works with Chrome, FF, Safari, Opera and IE7 and above. Deck. Js allows users to make custom decks with the help of API exposed by the core and extensions. Deck.js provides templates and themes so a less HTML familiar user can make standard and high quality slide shows.

Shower

A simple, easy-to-use and standalone presentation library that has support for theming.

CSS 3D Slideshows

The presentation engine has support for 3D effects using CSS3 3D transforms.

And, an interesting feature is its ability to display nested slides (by pressing "down" rather than "next").

P.S. Check its source for the code.

• Mã nguồn
• In

• Lời bình (0)
• Viết

bởi Xem

Hủy phản hồi

Viết lời bình của bạn

Lời bình của khách sẽ được xem xét
Cung cấp email thật để nhận các trả lời, nếu không bình luận của bạn sẽ bị xóa

Tên bạn *
Email của bạn^g *
Website của bạn

Tiêu đề bình luận

Tôi khẳng định 100% là người thực
Tôi lặp lại tôi không phải là công cụ máy

• Lượt gửi (0)
• Mới