Tutorialzine handpicked excellent Web development resources every month to help us unlock the latest and coolest web development poses. Front er, let’s have a sneak peek!

Polly.js

Polly is an open source library for recording, replaying, and simulating HTTP interactions. It provides a comprehensive and easy-to-use API to intercept, modify, and attach events, and to change configurations to speed up or slow down request response times. And the history of HTTP interactions recorded with Polly can be saved to the browser’s localstorage or localstorage.

react-easy-crop

A React component that crops images through simple interactions. It is very easy to use, supports drag and zoom interactions, and provides cropping for pixels and percentages. You can use any image format (JPEG, PNG, GIF). And this component supports mobile development.

Cirrus

CSS framework for creating fresh and responsive Web applications. It provides all the components needed to create a beautiful interactive design – buttons, forms, animations, tables, headers, footers, and so on. The framework is very lightweight – you can select only the component files you need for your application and can be customized – all components can be styled using CSS and the framework is compatible with all modern browsers.

repaintless

Repaintless. CSS is a lightweight, high-performance CSS3 animation library. Easy to use and built in lots of dynamic effects (fade-in, fade-out, rotate, Pulse, Slide) and so on. Animations can be easily customized by changing SCSS variables (files).

spritejs

Sprite is a cross-platform 2D rendering object model that creates a DOM-like object model for graphics, so we can create Sprite elements just like DOM elements and render them on Cavans canvases. Support for server-side rendering, high-performance caching strategies, and extensible event mechanisms.

Three Dots

Three Dots is a CSS library of interesting loading effects created by Three Dots. Plenty of animations are built in, and can be easily customized (color, width, height, spacing, etc.) with SCSS variables.

RModal.js

Rmodal.js is a simple and high-performance modal dialog box. Very lightweight (only 1.2KB) with no external dependencies. Friendly to Bootstrap and Animate. CSS. Supports ES Modules, CommonJS and is compatible with all modern browsers from IE9 and up.

Jest

It is a testing tool for JavaScript code. Zero configuration, out of the box. Use parallel testing to maximize performance, built-in code coverage reporting, and support for TypeScript or any other language compiled to JavaScript.

Boxicons

A great open source icon set with over 400 ICONS. You can use custom classes to style ICONS (change size, add borders and animations, rotate or flip). This icon collection of all kinds of ICONS, you are likely to find your favorite icon.

Web-Maker

Web Maker is an offline editor for the front end. It has a built-in control panel that makes it easy to add JS and CSS libraries, support HTML, CSS and JavaScript preprocessors, import and export projects, and share them in CodePen with one click.

Odometer

Odometer is a library of components (Javascript and CSS) for creating smooth numeric transformations. Lightweight, high performance, all animation using CSS transform implementation. It supports Firefox, Safari, Chrome and IE8 +, and has auto-degrade on older browsers.

Gatsby

Is a tool for quickly generating static sites. Support for all the latest Web technologies like React, Webpack, JavaScript and CSS. And has rich plug-in support for importing data from any source. Gatsby focused on building fast, high-performance sites, and the deployment process was very simple.

Anime.js

Animo.js is a very lightweight JavaScript animation library that can handle arbitrary CSS properties, as well as SVG or DOM properties. Provides a large number of customizable functional interfaces, such as linking and synchronizing multiple animations, playing, pausing and restarting, and so on.

DataTables

You can add advanced functionality to HTML forms using jQuery. It has many common features built in, such as paging, filtering, sorting by column, and so on, so that the user can get the most information from the table. It is mobile-friendly, extensible and features multi-language support.

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 is lightweight (1.5K), doesn’t rely on any libraries, and is compatible with other javascript libraries.

Write in the last

When I read my blog on the weekend, I suddenly remembered that the previous author of this series of articles seemed to have not updated for a long time. I happened to see this series and thought of translating it. If you are interested, welcome to leave a message.

15 Interesting JavaScript and CSS Libraries for July 2018 – Tutorialzine