2016年2月20个实用的JavaScript和CSS库

jopen 9年前

JavaScript and CSS are an integral part of the web designing. In fact, it is almost impossible to find a website today which does not use these two designing languages. Since the designers are using these languages extensively, anything that can provide pre-written codes for certain features comes very handy. This is exactly where the libraries come into picture. They reduce the need to write codes. The codes are already written and you just need to insert them. We have compiled a list of some of the most incredible JavaScript and CSS libraries. These libraries will give you attractive features and save you a lot of time.

Blur

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Blur is a Google Chrome extension that makes it easy to keep track of and secure all your personal information online. It helps you remember your passwords, generate hard-to-crack new ones, and sync all the browsers and devices you log on.

FireShot

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Fireshot allows Chrome users to make full web page screenshots and then directly upload, print or send them to Photoshop or the clipboard. It also support an array of popular formats such as pdf, png and gif, and can work offline without a problem.

PerfectPixel

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

PerfectPixel is a Google Chrome extension that allows you to put a semi-transparent image overlay over the top of the developed HTML and perform per pixel comparison between them. It’s a great helper when you want to transform a PSD to HTML flawlessly.

WhatFont

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

With WhatFont you can quickly find out which fonts have been used in a webpage. Simply hover on any text, and the extension will show you the name of that typeface. WhatFont also detects the services used for providing the web fonts.

ColorZilla

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

This is an extension for Google Chrome that bundles together a big array of features, including a color picker, CSS gradient generator, recent history of used colors, and more. Another similar tool is the open-source extension Eye Dropper.

Bulma

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Bulma is a modern CSS framework based on the Flexbox layout model. It has a simple grid system, responsive nav bars and versatile media objects. Most Bulma elements can be customized by applying modifier classes.

Magic Animations

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Magic animations is a CSS library for animations. It has a lot of animation types and is easy to use. Just add the stylesheet to your page and set class names to your elements. If you are interested in CSS animations you can also check Animate.css.

Lightgallery

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Lightgallery is a responsive gallery plugin for jQuery. It has numerous options and animations which allows you to customise the plugin easily. The video module allows you to create beautiful 油Tube/vimeo video galleries with automatic thumbnail fetching.

NativeFier

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Nativefier is a command line Node.js utility which can easily create a desktop application out of any web site. Apps are wrapped in an Electron shell and packaged into an OS executable (.app, .exe, etc.) for use on Windows, OSX and Linux.

Lettering.js

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Lettering is a jQuery plugin that gives you the ability to style every letter, word and line in your text. The best use case is to create typographical CSS3 posters with unique styling for every letter. Text remains fully selectable.

Masonry

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Masonry is a jQuery plugin for building grid layouts. It places elements optimally depending on their sizes to make maximum use of the available space. With a lot of loading effects and options you can customize the look of your page.

Patternizer

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Patternizer is an online tool that helps you generate patterns. After you choose options like opacity and width, just copy the code that the website gives you and paste it into your stylesheet.

Ramjet

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Ramjet is a JavaScript library which helps you make animations transforming one element into another. It supports images and GIFs so that you can build the perfect landing page. You can also use an easing function to make the transformation seem more natural.

Timeago

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps. You cantake full advantageof page caching in your web applications, because the timestamps aren’t calculated on the server.

Awesomplete

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Awesomplete is a simple and lightweight widget with no dependencies. By default the library expects the list of suggestions to be passed as a data attribute, but you can easily hook it up to your back-end with a simple AJAX request.

Slideout.js

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Slideout is a JavaScript library which helps you set up touch slideout navigation menu for your mobile web apps. It doesn’t have any dependencies, has simple markup and uses native scrolling, so that it works smoothly on mobile devices.

Textillate.js

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Textillate.js is a jQuery plugin which uses animate.css and lettering.js to apply eye-catching animations to text. To use it, include the plugin’s JavaScript file alongside the libraries it depends on and start creating unique effects.

Griddle

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Griddle is a useful grid component using React. With a lot of powerful functionality like filtering, paging, infinite scrolling and sub-grids, you can easily customise it to fit your project. Rendering is optimized so that only the current page of results is generated.

Super Simple Slider

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Super simple slider is jQuery plugin which provides you with a functional and lightweight slider. To set it up just place your content in an empty element and call the plugin. If your content is of different heights, the plugin will animate smoothly to accommodate it.

Chartist.js

20 Useful JavaScript and CSS Libraries for February 2016 | Hidimba360

Chartist is a JavaScript library which helps you present your charts in interesting ways. With CSS animations your charts are clear and eye-catching. Chartist provides you with a simple configuration override mechanism based on media queries to help you control the behavior of your charts.