Resources 4 WebDev

Others

Uncategorized Stuff

Image Extractor

Online tool for extracting all images and SVGs of a website, all you is just to drop the URL

Vertopal

Free online platform for converting computer files to a variety of file formats

everysize.kibalabs.com

Check your awesome responsive webpage looks great in every size

Devhints.io

This is a modest collection of cheatsheets on Internet

The Web Toolbox

A collection of handy, free-to-use tools for web developers, programmers and designers.

WebDevTrick

A famous blog for many amazing HTML, CSS, JQuery designs.

css-tricks

Free CSS tricks and some unique ideas for beginners and advanced

Material Design Resources

Use Material tools, downloads, and interactive projects to simplify your workflow.

Nodesign.dev

A collection of tools for developers who have little to no artistic talent

A11ygator

A web tool to scan websites against WCAG rules

Commitizen

Command line tool to formatted commit messages according to the standards

CleanCss

Tool For Code Formatter, Minifier, File Converter

Tiny helpers

A collection of free single-purpose online tools for web developers

CSS Ribbon Generator

This generator will assist in creating a pure CSS corner ribbon.

Can I Use

Check cross-browser compatibility of frontend technologies.

kangax-js-compat-table

Check JavaScript versions (ES5, ES6, ES2016+ etc.) compatibility across different compilers, servers/runtimes and platforms (Desktop and Mobile).

mydevice.io

Most commonly used device resolutions including phones and tablets

Codepen

Build, test and discover frontend code.

Responsively

A tool for designers and frontend developers to design and debug their in all platforms with ease

html2pdf.js

Client-side HTML-to-PDF rendering using pure JS.

CSS Reference

A collection of all css properties and definitions in detail

Critical Path CSS Generator

Generate critical css for your web pages

SVG Gobbler

Browser extension to find SVGs on a webpage and download, copy to clipboard, or export as PNG.

shortcode.dev

A collection of useful snippets and code examples for HTML, CSS, JavaScript, Node, Artisan, Blade and more.

30secondsofcode.org

A wide variety of snippet and article collections for CSS, JavaScript, Python and more.

PlayCode

Javascript playground.

All The Tags

All HTML tags briefly explained.

Vue Telemetry

Reveal the Vue plugins and technology stack powering any website or explore a database of 5500+ websites.

Grid.js

Grid.js is a Free and open-source HTML table plugin written in TypeScript. It works with most JavaScript frameworks, including React, Angular, Vue and VanillaJs.

Gerillass

Gerillass is a website development tool built on top of Sass with a set of Sass mixins and functions for frontend developers to generate scalable CSS outputs.

Sketchize

Sketchize is built for UI/UX Designers to help them design lovely apps for mobile, tablet, and desktop devices.

{CSS}Portal

CSSPortal is home to a large range of CSS generators, tools and resources.

DevDocs

DevDocs combines multiple API documentations in a fast, organized, and searchable interface.

papersizes

The best resource for International Paper Sizes, Dimensions & Formats.

flexboxfroggy

Help Froggy and friends by writing CSS code!

Designbetter Books

Essential reading on the practices that propel the best design teams forward.

OverAPI

Collection Of All Cheat Sheets.

Pageclip

A server for your Static HTML forms

Shields

Create badges with your own customization.

williamsharkey

Random SVG Graphic Generator

Bootstrap CheatSheet

An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need.

QR Code Generator

Use QR Code Generator to easily create a QR code for your project.

PapersDB

The Biggest Paper Database with Sizes, Dimensions and Formats in Metric and Imperial units.

SETools.xyz

Free Online tools website for work

SmallDev.tools

Free tool for developers to help with Beautify & Minify HTML/CSS/Javascript, and many other handy tools. With a delightful interface.

Angry Tools

Free web tools for speed up your development.

Rapid API

Discover and connect to thousands of APIs.

Readme.so

The easisest way to create a README.

Showcode

Beautiful code screenshot generator.

tldraw

A tiny little drawing app.

devices.css

Pure CSS phones and tablets by Marvel App.

Troopl

Build and publish a free portfolio in minutes.

Apifox

Apifox = Postman + Swagger + Mock + JMeter

A Modern CSS Reset

Resets the css styling of all HTML elements to a consistent baseline across browsers.