未加星标

15 Interesting JavaScript and CSS Libraries for October 2016

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention.

Below is October’s list, packed with awesome free libraries including vanilla JS plug-ins, React components, an icon font, and much more! Enjoy :)


15 Interesting JavaScript and CSS Libraries for October 2016
Leaflet

Leaflet is one of the most popular open-source solutions for creating interactive maps. It offers everything you’d expect out of a map library markers, layers, zooming, and many more basic and advanced features. The project recently got it’s official 1.0 release with many improvements to the API, accessibility and performance.


15 Interesting JavaScript and CSS Libraries for October 2016
Reflexbox

Flexbox grid system for React that allows developers to quickly build page layouts using a simple API of 3 React components Grid, Flex, and Box. Since it utilizes the flexbox model, all grids with Reflexbox are responsive and can be easily adjusted via the various flexbox properties.


15 Interesting JavaScript and CSS Libraries for October 2016
Lory

Lightweight no-dependencies javascript carousel with excellent gesture controls for touch-screen devices. The library provides lots of customization options for controlling the transition speed, frequency, animations, and other details. Excellent browser-support, a clean API, and lots of examples.


15 Interesting JavaScript and CSS Libraries for October 2016
Granim

Tiny, very simple to use JavaScript library for creating beautiful gradient animations. Go to the examples page to see all the features Granim provides, including linear and radial animations, image masks, and interactive change of gradient colors.


15 Interesting JavaScript and CSS Libraries for October 2016
React Native Elements

A UI toolkit for React Native that combines a number of useful components into one package. It includes elements such as menus, various buttons, and form inputs, with new components coming in the future. Very well documented and easy to implement.


15 Interesting JavaScript and CSS Libraries for October 2016
Reframe

JavaScript plugin that makes unresposnive elements responsive. Reframe is especially useful for <iframe> and <video> element as it preserves their original aspect ratio. Like most modern libraries, this one doesn’t rely on jQuery but can work with $('selectors') if it is included in the page.


15 Interesting JavaScript and CSS Libraries for October 2016
Progress Bar

Awesome library for creating responsive animated progress bars. ProgressBar.js provides a number of built in shapes, and also allows developers to create their own paths using SVG. The progress bars can be further customized through a rich JS options object.


15 Interesting JavaScript and CSS Libraries for October 2016
Headroom.js

Headroom is a vanilla JavaScript library that allows you to easily set up event listeners for user scroll. You can bind different functions for when the scroll moves up or down, the bottom/top of the page is reached, and other events. One of the best available solutions for creating self-toggling headers.


15 Interesting JavaScript and CSS Libraries for October 2016
SpinThatSh*t

Sass mixins for loading indicators with fluid CSS-only animations. The spinners are extremely easy to implement as they require just one HTML element per spinner. To customize the mixins themselves you can simply change the provided SCSS variables.


15 Interesting JavaScript and CSS Libraries for October 2016
Navigo

Vanilla JavaScript library that utilizes the History API to make a robust routing system with proper history on single page apps. In browsers where the History API isn’t available, Navigo automatically falls back to a hash (#) based routing.


15 Interesting JavaScript and CSS Libraries for October 2016
Wysiwyg.css

Pretty theme for documents that have been generated from HTML or Markdown. It styles all elements on the page, providing them with proper typography, colors and paddings, greatly improving readability. Implementing the theme is as easy as adding a single class to the root element. Customization is done through Sass.


15 Interesting JavaScript and CSS Libraries for October 2016
Choreographer

This is a library for easier handling of complex CSS animations. Choreographer makes more manageable the transition of multiple properties at once, animations that start off after different delays, and syncing with user gestures such as scrolling.


15 Interesting JavaScript and CSS Libraries for October 2016
Open color

Color pallette created especially for designing user interfaces. It contains 12 colors, each having 10 variations with different intensity. Open color is available in CSS, Sass, Less, and as a plug-in for Photoshop, Illustrator, and Sketch.


15 Interesting JavaScript and CSS Libraries for October 2016
Fuse.js

No dependencies JavaScript library that enables you to integrate fuzzy-search ( approximate string matching ) to your web app. Fuse is very powerful and has lots of options for you to tinker and play with to get the exact search functionality you need.


15 Interesting JavaScript and CSS Libraries for October 2016
Ionicons

Ionicons is the icon font from the Ionic framework, but it can be freely used as a standalone library. The collection consists of over 500 premium-quality symbols and logos, all drawn in a modern and very appealing style. One of our favorite icon fonts at the moment.

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

分页:12
转载请注明
本文标题:15 Interesting JavaScript and CSS Libraries for October 2016
本站链接:http://www.codesec.net/view/479824.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(62)