Click for More Resources
Find our entire collection of recommended resources and the best web design and development tools available.
A collection of repeatable pattern made with SVG that you can use as a background in your website. The site is equipped with a handy setting to customize the color and opacity of the pattern and lets you simply copy and paste the code to add in your CSS.
TestCafe is an end-to-end (e2e) testing tool that allows you to test your websites and web apps as if it is being used by real users. It will automate several things when performing the test including starting the browsers, run specified test unit, generate reports, screenshots as well as sourcemap to troubleshoot errors easily.
.escapeHTML() which will convert HTML elements into their Entity format.
ms('2 days'), for example, will be converted to
A great collection of tools to help improve accessibility on your website and web apps. pa11y consists a CLI for testing any web pages for any accessibility issues, a Dashboard to show generated reports of errors and warnings, and a CLI that is specifically designed for a CI tool like Codeship or Travis.
A collection of icons with modern vibe. These icons are a perfect fit for website and apps designed for any platforms (iOS, Windows, or Ubuntu). The icons come in SVG as well as in React and Angular components.
A React module to build animation composition in your application. The library is inspired by Principle for Sketch in which you can add interactivity to a UI component quickly and easily.
Bojler is an email framework with the guideline for writing HTML code that will render properly on most popular email clients. You can find more email frameworks in our previous post.
A collection of icons of programming languages, designing, and development tools. The icons are available in SVG and Font format. Some particular icons such as Firefox, AWS, and HTML5 also come with their detailed variants. Pretty cool right?
A collection responsive interface based on Bootstrap 4. It features 50 elements and 3 custom templates. Aside from the HTML version, the UI is also provided in PSD and Sketch formats.
ORY is a modern and more accessible web editor on the web. The ORY Editor is built on top of React and Flux. It makes editing easy by allowing users to edit content and see the result immediately without having to know special syntaxes like HTML or Markdown.
TadViewer is a handy desktop app to view CSV and it works on large data and files. The app is available on macOS, Windows, and Linux.
Smooth Scrolling has proven to serve a more pleasing user experience. It is now proposed and drafted officially in W3C. At the moment, it is only working in Chrome, Firefox, and Opera. Use this library to emulate the smooth scrolling behavior in Internet Explorer and Safari.
Hopscotch is an open-source project instantiated by LinkedIn. It is a framework to make it easy for developers to add product tours. Check out the demo for a live example and the API.
GraphQL is on the rise and might be a strong contender to replace REST architecture that powers nearly all the web APIs. This is a plugin that will allow you to retrieve your WordPress content with GraphQL. Here is a great reference on how REST and GraphQL differ to each other.
Monaco Editor is the editor that powers Visual Code Editor. It is built by Microsoft and supports several languages out of the box including HTML, CSS, LESS, CoffeeScript, and PHP along with the Intellisense that helps you write code faster.
Read Also: Web Developer Resources: A Mega-Compilation