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…