Frontend Resources

• Pingdom
• WebPageTest
• BrowserStack Speed Lab
• PageSpeed Insights

FE Resources

• PageSpeed Insights
• Performance Test

Frontend Resources

• Favicon Generator
• Web Font Generator - friendly formats, including TTF, OTF, WOFF, and WOFF2.
• Video Smaller

HTML Tools

• Browser Default Styles
• Layout Patterns
• FLEX: A Simple Visual Cheatsheet for Flexbox

SEO Tools

• Mobile-Friendly Test
• Twitter Validation Tool
• Facebook Debugger
• Google Structured Data Testing Tool
• LinkedIn Post Inspector
• Open Graph Generator
• Twitter Validation Tool

Frontend Resources

• W3C Developer Tools

SEO Tools

• Stripe Dummy Cards
• PayPal Sandbox

SEO Tools

• CSS Stats
• Is your website hosted green?
• Screen Test
• Toptal Utilities Tools

Semantic Tests

• Rich Results Test

Security Test

• SSL Test
• Security Headers

Security Test

• a11yproject checklist
• WAI-ARIA 1.1 Specification
• WAVE Web Accessibility Evaluation Tool

Icons

• Google Fonts Material Symbols

Programming Fonts

• Shadow Generator

3D Tools

• Markup Validator Web Service API
• PageSpeed Insights API
• A Simple HTTP Request & Response Service
• Any Other Public APIs

Dev. API

• Open Trivia Database
• Random User Generator
• Chuck Norris Jokes API

Dev. API

• List of Free Learning Resources In Many Languages
• Awesome Lists
• Google Style Guides

JS

• The Algorithms - JavaScript

Icons

• IconBeast Free Icons - quality icons available in various formats, perfect for your web and mobile projects.
• Tabler Icons - source icons designed for web applications.
• Bootstrap Icons - quality, easy-to-use icons built to work seamlessly with Bootstrap projects.
• Simple Icons - to-use interface for selection.

Programming Fonts

• Gradient Generator - friendly tool for generating gradients in CSS, with a visual interface to tweak colors and styles.
• Shadow Generator - shadow effects for your web elements.

3D Tools

• GLTF Viewer - based viewer for GLTF (GL Transmission Format) models, allowing you to visualize 3D models and scenes directly in the browser with high-performance rendering.

• The Open Graph Protocol Specification
• Facebook Sharing Debugger
• HAR Analyzer by Google
• Twitter Card Validator

Frontend Resources

• Unsplash - quality photos for use in projects, with a robust API for easy integration.
• HTML5 Boilerplate - end template for building fast, robust, and adaptable web apps or sites.
• Gulp.js
• Front-End Checklist - end web development.

Security Test

• Compressor.io
• ShrinkMe
• Squoosh
• TinyPNG
• ImageOptim
• Optimizilla

Security Test

• Cubic Bezier - bezier easing functions, helping you fine-tune animations.
• Easings.net

Security Test

• Typewolf Cheatsheet
• Toptal HTML Arrows
• HTML Character Entity References

Programming Fonts

• Fira Code
• Victor Mono