I’m not sure if it’s the best solution but I use this with another component (antd progress bar): Create a Gradient component (something like this): Reference your id in your CSS. In your case, probably something like this: I’m using this Gradient component example with antd Progress component. I didn’t add any code to the …
Remove.bg
remove.bg is a 3rd party service which provides background removal functionality.Using this service, we can remove any kind of background from face photos and get only the face of the person.Tested with a lot of Toptal profile images, and succeeded to remove the background image and get the face of Toptal developers.
React TextFit
react-textfit is a npm package which fits text content to any element.Imaging that a div tag is 100px and the text content has 1000 letters. react-textfit makes the font size very small (even 1px) in order to fit the text content into the div width.https://www.npmjs.com/package/react-textfit
Input number validation
These 2 articles explain input tag number validation methods.Previous number validation methods had some limitations and were not fit in 100% case but these methods were 100% satisfied with the requirement.https://stackoverflow.com/questions/469357/html-text-input-allows-only-numeric-inputhttps://stackoverflow.com/questions/995183/how-to-allow-only-numeric-0-9-in-html-inputbox-using-jquery/995193#995193
Quill is a modern WYSIWYG editor built for compatibility and extensibility
Quickstart in jQuery The best way to get started is try a simple example. Quill is initialized with a DOM element to contain the editor. The contents of that element will become the initial contents of Quill. And that’s all there is to it! Next Steps The real magic of Quill comes in its flexibility …
Build Beautiful Content for the Web with Tiny
Quick start in STATIC HTML Get an instance of TinyMCE up and running in less than 5 minutes. Contribute to this page TinyMCE 5.0 is a powerful and flexible rich text editor that can be embedded in the user’s web application. TinyMCE 5.0 is perfect for developers who want to see how the new version …
Expo
https://expo.io/ Expo is a free and open source toolchain built around React Native to help you build native iOS and Android apps using JavaScript and React. It is the fastest method to develop React Native applications. Most benefit is that we can test the mobile application in a mobile device even the device is not …
Sass Color Generator
This is color generate site, which is convenient to use when we design UI/UX.http://scg.ar-ch.org/
Lighthouse Chrome Extension
Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. When auditing a page, Lighthouse runs a barrage of tests against the page, and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can …
Vis.js – data visualization made awesome
A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the components DataSet, Timeline, Network, Graph2d and Graph3d. Vis.js runs fine on Chrome, Firefox, Opera, Safari, IE9+, and most …