Shulou(Shulou.com)06/02 Report--

This article introduces the knowledge about "what are the super practical tools for web front-end developers". In the actual case operation process, many people will encounter such difficulties. Next, let Xiaobian lead you to learn how to deal with these situations! I hope you can read carefully and learn something!

Pushbar.js

Pushbar.js is a JavaScript library used to create sliding drawer effects, which are often used in website navigation to display secondary navigation and other content, but can be used elsewhere on the site without any problems. Pushbar.js is fully customizable, has no dependencies and does not require jQuery.

Carbon Now CLI

Carbon CLI is a tool for Node.js that generates screenshots of code via a command line interface. This tool, inspired by carbon.now.sh, lets you do the same thing through your browser.

Faker.js

This is a JavaScript library used to create virtual data, which supports the generation of large amounts of data, including name, address, company name, phone, date and other different fields. This data is useful for testing Web applications and websites.

TermToSVG

TermToSVG is a Linux terminal recording tool that renders command-line conversations as SVG animations. For developers, it is a very useful tool for writing tutorials.

Database Backup Manager

This is a PHP library whose name clearly reflects its function: database backup management. It provides backup and recovery services for databases and supports extraction and backup of various services, including Dropbox, Amazon S3, FTP, SFTP, and Rackloud Cloud.

React Bits

This is a collection of React.js techniques, tips and tricks, covering common design patterns, styles, performance tips, and is a very useful resource to improve your React.js skills.

DSS Language

DSS stands for Deterministic Style Sheets, a new CSS creation tool. How does it work? How does it apply to everyday work? At present, it still has a lot of room for mining, as a promising emerging thing, you can pay attention to it.

PurgeCSS

PurgeCSS is an NPM package that allows you to optimize your Web application by removing unused CSS. The tool has many built-in support modules, including Gulp, Grunt, Webpack, and PostCSS, so you can integrate it into your project.

RFS

RFS stands for "responsive font size," and it's a very interesting project to solve one of the most annoying things on the Web, which is that font sizes respond to changes in screen size and better match devices. RFS can be used as NPM.

SimpleBar

SimpleBar is a JavaScript library for creating custom scrollbars. SimpleBar lets you style scrollbars using CSS just like any other HTML element. In the past, browser scrollbar styles were complicated due to platform and browser displays, but SimpleBar makes this easy.

Larastan

Larastan is a PHPStan packaged for Laravel. PHPStan is a tool for detecting potential errors in code without writing unit tests. It can detect many things, including methods and functions called, attribute types assigned, number and types of constructors given to classes, and validation of phpDocs.

PWMetrics

PWMetrics is a tool developed by Paul Irish that collects metrics for Progressive Web Apps via a command-line interface. This tool is powered by Lighthouse and can be used as an NPM package.

Pax

Pax is a JavaScript binder that compiles JavaScript modules into files usable by browsers. Pax promises that it will be fast enough for developers. Pax compiles faster than other bundles of its kind and fully supports ES6 import and export syntax and CommonJS sytax imports.

SustyWP

SustyWP is a very lean WordPress theme that saves space resources by keeping the size as small as possible. At browser loading time, this theme is only 7kb, fast and light, you can see Jack Lenox's theme story for it in this article.

The Doodle Library

The Doodle Library is a doodle library that contains a large number of doodle drawings, grouped according to different attributes. These drawings are in SVG format for ease of use. These assets are distributed under Creative Common Attributions 4.0.

Tilt.js

Tilt.js is a jQuery plugin for creating preview thumbnails similar to those we see on Apple TV, with nice gradient effects. It does not require additional CSS to implement. This tool page provides some examples of implementation, very easy to get started.

Fileroom

Fiileroom is a tool for P2P file sharing within the same network, no matter what operating system you use.

Coolhue

Coolhue provides you with a selection of carefully selected gradients that you can use directly in Photoshop and Sketch tools, or directly in your development projects with bower or npm. This can save you a lot of time in website design and development.

Reef

Reef is a simple JS library for creating UI, it doesn't have the fancy components of large libraries like React.js and Vue.js, if you just need to render UI, then you can use Reef. The Reef is also very small, only 2kb.

Evergreen

Evergreen is a collection of UI components from www.example.com. It contains different components. In addition to common components such as buttons, icons, text input boxes, etc., it also contains Evergreen's unique content, such as Toaster, Side Sheet and Coming Dialog components. Segment.io

"What are the super practical tools for web front-end developers?" The content is introduced here. Thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the website. Xiaobian will output more high-quality practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.