Top 50 CSS and JavaScript Development Tools
Web developers constantly need to be aware of the emergence of new libraries and tools. I found and selected some of the best tools for developing both CSS and JavaScript. This is not just copy-paste - it is a sample based on both recommendations and personal experience.
Frontend development is tricky. And although it is not too difficult to master, it will also not hurt to master some subtleties. Excellent resources appear daily on the net. They can give impetus to your skills and help you better accomplish your task.
1) Fileicone
')
Collection of 100% -CSS file icons. May be useful for page design.
2) Marx
Elegant null CSS without any javascript.
3) Transformicons
Stunning and well-done animated icons, buttons and symbols made through CSS and SVG.
4) Sanitize.css
Provides sequential rendering of elements, adds the ability to use styles with updates.
5) Loader.css
Amazing set of fast animations on pure CSS
6) SassyFlags
A simple library that adds flags to the site.
7) Primer
CSS framework used in GitHub.
8) Flickity
CSS library for creating galleries and sliders without any effort on your part.
9) Pushy
Adaptive navigation menu. Uses CSS transforms and transits.
10) CSS Stats
Displays statistics about your CSS
11) Flexbox
Create flexbox in 5 minutes using the most common CSS features.
12) Flexbugs
Supported and updated by the public list of problems and errors that arise when creating a flexbox.
13) cssPlus
A well-working, fast cross-browser layout, based mainly on Flexbox.
14) Flexible.gs
Adaptive and easy to use CSS framework for creating grids.
15) Rin
Template library for HTML and SASS based on gulp.
16) Wee
Another easy frontend framework. Helps create complex web page design options.
17) SpaceBase
Another responsive CSS framework.
18) Decorator
Framework immediately for HTML, JavaScript and CSS.
19) Rebar
Sass / Stylus Mesh Framework
20) Lost
Another Stylus-based grid system that works with calc ().
21) RWDGRID
System for creating adaptive grids, based on 960grid.
22) Manhattann
Simple and clear customizable system for creating meshes on CSS.
23) Material
HTML5 UI framework using Material Design.
24) LumX
One of the first frontend frameworks, based simultaneously on the specifications of AngularJS and Material Design.
25) MUI
Lightweight framework based on Material Designs.
26) icono
Excellent set of icons on pure CSS
27) CSS Gradient Animator
Creates beautiful animated gradients, while you can work with it through a web form.
28) LocalFont
Helps to work with fonts in localStorage local storage.
29) Web Font Load
Easy way to install Google Web Fonts on OSX.
30) ai2html
An open source script that turns Adobe Illustrator documents into HTML with CSS.
31) Marx
CSS Reset.
32) Sprint
A small jQuery-like library with an emphasis on speed and minimal resource consumption (especially for smartphones and tablets)
33) Svidget.js
SVG widget framework
34) Challenger.js
Library to add to the page tasks in JavaScript.
35) Verlon.JS
Platform for remote debugging and testing JavaScript. Uses node.js and socket.io.
36) Layzr.JS
A small independent library for lazy loading.
37) Clusterize.js
A small plugin for convenient output to the page of large data sets.
38) Elevator.js
A fun plugin to scroll back to the beginning.
39) egg.js
Plugin for adding Easter eggs to pages.
41) epicGrid
A small library for creating adaptive grids.
42) ramjet.js
A tool for smoothly converting DOM elements to each other.
43) ItemSlide.js
Touch-screen carousel, easy to implement.
44) Plumin.js
Creating and using fonts.
45) smiley.js
The library rotates all text emoticons by 90 degrees for comfortable viewing.
46) vivus.js
SVG animation library.
47) Rimg
A set of tools for smoothly creating responsive pages with support for media queries.
48) Animsition
jQuery plugin for CSS transitions animated pages.
49) Unicoder.js
The plugin converts text into an unusual form using Unicode characters.
50) Space.js
HTML and JavaScript library for three-dimensional scrolling.
Frontend development is tricky. And although it is not too difficult to master, it will also not hurt to master some subtleties. Excellent resources appear daily on the net. They can give impetus to your skills and help you better accomplish your task.
Top CSS and Javascript Tools
1) Fileicone
')
Collection of 100% -CSS file icons. May be useful for page design.
2) Marx
Elegant null CSS without any javascript.
3) Transformicons
Stunning and well-done animated icons, buttons and symbols made through CSS and SVG.
4) Sanitize.css
Provides sequential rendering of elements, adds the ability to use styles with updates.
5) Loader.css
Amazing set of fast animations on pure CSS
6) SassyFlags
A simple library that adds flags to the site.
7) Primer
CSS framework used in GitHub.
8) Flickity
CSS library for creating galleries and sliders without any effort on your part.
9) Pushy
Adaptive navigation menu. Uses CSS transforms and transits.
10) CSS Stats
Displays statistics about your CSS
11) Flexbox
Create flexbox in 5 minutes using the most common CSS features.
12) Flexbugs
Supported and updated by the public list of problems and errors that arise when creating a flexbox.
13) cssPlus
A well-working, fast cross-browser layout, based mainly on Flexbox.
14) Flexible.gs
Adaptive and easy to use CSS framework for creating grids.
15) Rin
Template library for HTML and SASS based on gulp.
16) Wee
Another easy frontend framework. Helps create complex web page design options.
17) SpaceBase
Another responsive CSS framework.
18) Decorator
Framework immediately for HTML, JavaScript and CSS.
19) Rebar
Sass / Stylus Mesh Framework
20) Lost
Another Stylus-based grid system that works with calc ().
21) RWDGRID
System for creating adaptive grids, based on 960grid.
22) Manhattann
Simple and clear customizable system for creating meshes on CSS.
Framework for Google Material Design
23) Material
HTML5 UI framework using Material Design.
24) LumX
One of the first frontend frameworks, based simultaneously on the specifications of AngularJS and Material Design.
25) MUI
Lightweight framework based on Material Designs.
Any different
26) icono
Excellent set of icons on pure CSS
27) CSS Gradient Animator
Creates beautiful animated gradients, while you can work with it through a web form.
28) LocalFont
Helps to work with fonts in localStorage local storage.
29) Web Font Load
Easy way to install Google Web Fonts on OSX.
30) ai2html
An open source script that turns Adobe Illustrator documents into HTML with CSS.
JavaScript libraries and frameworks
31) Marx
CSS Reset.
32) Sprint
A small jQuery-like library with an emphasis on speed and minimal resource consumption (especially for smartphones and tablets)
33) Svidget.js
SVG widget framework
34) Challenger.js
Library to add to the page tasks in JavaScript.
35) Verlon.JS
Platform for remote debugging and testing JavaScript. Uses node.js and socket.io.
36) Layzr.JS
A small independent library for lazy loading.
37) Clusterize.js
A small plugin for convenient output to the page of large data sets.
38) Elevator.js
A fun plugin to scroll back to the beginning.
39) egg.js
Plugin for adding Easter eggs to pages.
41) epicGrid
A small library for creating adaptive grids.
42) ramjet.js
A tool for smoothly converting DOM elements to each other.
43) ItemSlide.js
Touch-screen carousel, easy to implement.
44) Plumin.js
Creating and using fonts.
45) smiley.js
The library rotates all text emoticons by 90 degrees for comfortable viewing.
46) vivus.js
SVG animation library.
47) Rimg
A set of tools for smoothly creating responsive pages with support for media queries.
48) Animsition
jQuery plugin for CSS transitions animated pages.
49) Unicoder.js
The plugin converts text into an unusual form using Unicode characters.
50) Space.js
HTML and JavaScript library for three-dimensional scrolling.
Source: https://habr.com/ru/post/270705/
All Articles