✎Useful Links
Photos
Illustrations
Icons
Free Fonts
Images Compression
UX/SEO Analysis
- Google Analytics
- Matomo
A self-hosted alternative to Google Analytics which lets you do more analytics and UX research
- Lighthouse
For webpage audits. Available on Google Chrome Extension / Chrome Dev Tools.
- Google Speed Insights
- Pingdom Tools
- WEBPAGETEST
Online Code Editors
For Developers
- Devhints
- Domainr
Domain name search
- Coding hub tips
- Cunning bot
Domain Name Generator and Search Engine
- Codewars
- Dbdiagram
Database Relationship Diagrams Design Tool
- Can I Use
Check browser support for modern web technologies
- Enjoy CSS
- HTML Washer
- Markup Validator
- Cloudcraft
Draw AWS diagrams
- Font Flipper
- Responsively App
- ngrok
Share remote tunnels from localhost to external servers (so for websites or web apps) with http/https
- You might not need jQuery
Vanilla JavaScript code snippets alternative to jQuery
- Flexbox Cheatsheet
CSS Flexbox property cheatsheet
Free HTML Templates
Wireframing & Mock-up
Chrome Extension for Front-End Development
- Wappalyser
Find out what websites are built with. Available both on browser and as an extension
- CSS Peeper
- Whatfont
- JSON viewer
- Colorpick eyedropper
- Responsive web design tester
- Wappalyser
Color Pallete
- Colorbox by Lyft Design
Generate a color pallete with customizable parameters (hue, saturation, brightness, number of colors)
- Adobe Color
- material UI Colors
- Coolors
- Canva Color Pallete Generator
Generate a color pallete from an image
- Canva Color Wheel
- HTML Color Codes
- Colorbox by Lyft Design
Practice Front end Skills or Challenge
UI Frameworks
- Ant Design
For Angular, React.js, Vue.js
- Material UI
For React.js
- Angular Material
For Angular
- Ant Design
Free Hosting
Regular Expressions(Regex)
Free Text Editor
- Visual Studio Code
Popular IDE with bunch of useful extensions
- Atom
- Sublime Text
- Vim
For hardcore programmers
- Notepad++
- Visual Studio Code
APIs
Websites for Design Inspiration
JavaScript Animation Library
Cyber Security
- ';--have i been pwned?
Check if you have an account that has been compromised in a data breach
- OWASP Top 10
Represents a broad consensus about the most critical security risks to web applications
- OWASP Cheatsheet Series
A concise collection of information on specific application security topics
- OWASP Web Security Testing Guide
- ';--have i been pwned?
Misc.
- carbon
Create and share beautiful images of your source code
- Link to Text Fragment
Chrome Extension for sharing documentation references easier
- carbon