15 interesting JavaScript and CSS libraries

In November’s list of front-end technologies, we put together some amazing GitHub projects, including a new CSS framework, node.js package manager, and a pure CSS solution for ICONS, loading effects, and tooltips.

Well, let’s take a look. Have Fun!

1. Wing




Wing

Wing is a tiny (4KB compressed) responsive CSS framework that provides a 12-column responsive grid and a basic set of style components to build your site from. Of course, the cool thing about this project is that the vast majority of HTML elements are automatically styled without any additional classes. I hope you like it!

HERE:Address of Project Wing

2. Shave




Shave

Shave is a zero-dependency, lightweight JavaScript plug-in that truncates multiple lines of text to fit max-height-based HTML elements and stores raw text strings in hidden elements so that your text remains intact on the page. Shave doesn’t rely on any libraries, and it offers a separate version of the plugin in jQuery.

HERE:Shave Project address

3. Cerebral




Cerebral

A JavaScript MVC application state manager, and it has its own debugger. In Cerebral, the state of an application is stored in a single tree model that manages all server-side and client-side states.

Debuggers have real-time management rights for models, controllers, and views.

HERE:Cerebral Program address

4. Wenk




Wenk

Wenk is a lightweight CSS written text tooltip library. It’s only 700 bytes compressed, but it still manages and offers some customization options. Such as the size, position, and text alignment of different tooltips.

HERE:Wenk project address

5. CSS Loader




CSS Loader

CSS Loader is a very useful Loader. It allows developers to utilize pure CSS files, as well as an empty one

The element allows you to quickly create load indicators.

HERE:Address of the CSS Loader project

6. Yarn




Yarn

You’ve heard about Facebook’s open source Node.js package manager Yarn. It has a powerful caching system that greatly reduces package installation time and maintains the same node module (node_modules) directory structure for all users involved in a project, helping to reduce hard-to-track bugs and replication across multiple machines.

Although it has a different background from NPM, using Yarn is almost the same as using NPM, and developers need to get to know it faster!

HERE:Yarn Project Address

7. Canvas Gauges




Canvas Gauges

The Canvas Evacuation is a fully customizable gauge made from pure JavaScript and HTML5 Canvas, which you can use to create gauge devices such as motor vehicle speedometers, thermometers, etc.

Because of its small amount of code and no dependencies, it is also suitable for Internet of Things devices. You can see it through the examples on the website.

HERE:Canvas Evacuation project address

8. CSS Icon




CSS Icon

CSS Icon is a collection of 500+ pure CSS code implementation of the Icon site. It is also very simple to use, when you click an icon, it will pop up the corresponding ICON HTML and CSS code, at the same time you can intuitively understand what part of the CSS code, which elements to achieve the icon.

Do you deserve full marks for such a great project? Come Enjoy!

HERE:CSS Icon Project address

9. CurrencyFormatter.js




CurrencyFormatter.js

Currencyformatter.js is a simple and practical library for formatting pure JS currency. It supports 155 different national currency formats and localisation Settings for over 700 different languages.

In addition, it can handle certain currency formats that are not used, which is very powerful.

HERE:Currencyformatter.js Project address

10. KUTE.js




KUTE.js

A native JavaScript animation engine with high performance: kute.js. Its core library provides all the basic animation methods, and you can add many plug-ins to enrich KUTE’s functionality. It also has a separate extension that works with jQuery, SVG, CSS properties, and more.

HERE:KUTE. Js project address

11. Vue Material




Vue Material

Vue Material is a lightweight vue.js framework built according to the Material Design specification. It aims to provide a set of high-quality reusable components and a set of UI elements to build applications with Vue2.0 support for modern Web browsers.

The library is also easy to implement, with no dependencies other than vue.js.

HERE:Vue Material project address

12. Test Cafe




Test Cafe

Test Cafe is an end-to-end solution written purely in Node.js for testing Web applications. It’s based on Node.js and doesn’t require anything other than an NPM package to be installed — no browser plug-ins and no compilers.

Once you have written your tests, run Test Cafe and it will run your browser tests, collect the results, and create reports for you.

HERE:Address of the Test Cafe project

13. Core.css




Core.css

Core.css is a lightweight framework for building responsive websites. It’s just 1.3 KB compressed, and it has no pre-defined elements or built-in animations. So it’s great for building any small Web project.

HERE:Core.css project address

14. Flv.js




Flv.js

Flv.js is the HTML5 Flash video (Flv) player developed by Bilibili website. It is pure native JavaScript (written by ECMAScript 6) without Flash.

Its working principle is that flV. js streams Flv files in JavaScript and encapsulates them as FMP4 in real time, which is fed to the browser through Media Source Extensions to play Flv videos.

HERE:Flv.js project address

15. Next.js




Next.js

Next. Js is a generic JavaScript framework based on React. It provides a convenient way to create new JavaScript Web applications. Developers don’t have to spend much time setting up configurations for Webpack or Babel.

HERE:Next. Js project address

A full description of next.js can be found here.

With all this to share, I hope you can find the right front-end library for your project.

If you think it’s good, give it a thumbs up. ^_^

Note: The copyright of this article belongs to the original author. If you need to reprint the translation, please indicate the source, thank you!

15 Interesting JavaScript and CSS Libraries for November 2016

Translator: IT program lion


原 文 :
www.jianshu.com/p/f651fc45e…