Compression Tools

Jpeg.io - Convert any major image format into a highly optimized JPEG

compressor.io - Compress and optimize images.

Resemble.js : Image analysis

TinyPNG - Compress PNG images while preserving alpha transparency

Website Planet provides a good compression tool.

Tables

Design better tables - make everyone's life better.

HTML Tables Generator

DataTables -  I have used this plugin a few times.

Bootstrap Tables

FooTable

jQuery HighChart Table

TABLEIZER! | Spreadsheets to HTML Tables Tool

CSV To HTML Converter Create a table out of a CSV file

Tools

Here is a good tool to check line-height.

Any API - a full list of 275 Public APIs.

Rapid API has a huge marketplace of APIs.

Better Error Pages - a tool for making error pages.

OverAPI - collection of cheat sheets

Online Javascript Console - write/test some JavaScript quickly with this online tool

mir.aculo.us JavaScript with Thomas Fuchs » DOM Monster Bookmarklet

Free script: Export your layers from photoshop to SVG in a single click! | Hacking UI Magazine

BreakpointTester | Test Your Responsive Design By Breakpoints, Not By Device Width

Useful extensions for Front-End Developers and Designers

Rranks - quickly check website rankings of multiple sites.

50 Cheat Sheets

10 Great Text Editors for Web Designers

Online Converters

MQtest.io — A simple tool to help identify which media queries your device responds to

Media Query Bookmarklet | Sparkbox

Meet the Ipsums

Resources for Front End Developers

13 Ways to Browser Test and Validate Your Work | Nettuts+

The international ideal measure slider

tota11y – an accessibility visualization toolkit

HTTP Status Codes

Learning Regular Expressions: The Practical Way

SubtlePatterns Bookmarklet - Preview background patterns on your website

BuiltWith Technology Lookup Find out what a site is built with and runs on

Wireframing — generatedpaper.com: free printable papers for the daily use

Google Libraries API - Developer's Guide - Google Libraries API - Google Code

Button Maker 

CSS Comb

Cupcake Ipsum - Sugar-coated Lorem Ipsum Generator

Front End Web Development Quiz By David Shariff

A great list of Web Development Tools on the David Walsh blog.

100 + Must Have Cheat Sheets and Quick References For Web Designers and Developers

Tools for the Modern Front End Developer's Workflow

Embed stuff on your website responsively

font dragr | Drag and drop font testing

Listify | turn a group of lines into an HTML list

Frame Box - Lightweight online tool for creating mockups

Gridpak - The Responsive grid generator

shade

Keycodes - Javascript Keyboard Codes, Character Codes, Unicode, HTML Entities

PXtoEM.com: PX to EM conversion made simple.

Screenfly / Test Your Website at Different Screen Resolutions

Stylify Me - Online Style Guide Generator

List of useful resources for front end developers

Support Details | Tech Support Management

10 Apps for Web Developers on an iPad

test everything - 100+ tools in one!

cheatsheet

Secure Fake Name Creator

Totally Tooling Tips

What Does Your Site Cost to Load

Maps

https://mapkit.io/

QR Codes

research!rsc: QArt Codes

QR-Code Generator

QR Code Generator - create QR Codes online [business card, t-shirt, mug, 2D barcode, generate QR-Code]

Drawing Tools

Mondrian

This page contains information I gathered and thought were very useful. See more notes on the web.

Just to let you know, this page was last updated Tuesday, Mar 19 24