FE Resources

• Performance Test

Frontend Resources

• WebPageTest
• Pingdom
• BrowserStack Speed Lab

HTML Tools

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

SEO Tools

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

Frontend Resources

• W3C Developer Tools

SEO Tools

• Stripe Dummy Cards
• PayPal Sandbox
• Stripe Dummy Cards
• PayPal Sandbox

Icons

• Google Fonts Material Symbols

Icons

• IconBeast Free Icons - quality icons available in various formats, perfect for your web and mobile projects.
• IconBeast Free Icons - quality icons available in various formats, perfect for your web and mobile projects.
• Google Fonts Material Symbols - quality performance.
• 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

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

3D Tools

• https://lygia.xyz/ - platform and multi-language. Is made of reusable functions that will let you prototype, port and ship projects in just few minutes. It's very granular, flexible and efficient, supports multiple shading languages and can easily be added to virtually any project. There are already integrations for almost all major environments, engines and frameworks.
• 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
• Twitter Card Validator
• Facebook Sharing Debugger
• HAR Analyzer by Google

Frontend Resources

• Gulp.js
• Front-End Checklist - end web development.
• HTML5 Boilerplate - end template for building fast, robust, and adaptable web apps or sites.

SEO Tools

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

Security Test

• Security Headers
• SSL Test

Semantic Tests

• Rich Results Test

Security Test

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

Security Test

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

Security Test

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

Security Test

• Typewolf Cheatsheet
• Toptal HTML Arrows

Programming Fonts

• Fira Code
• Victor Mono

3D Tools

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

Dev. API

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

JS

• The Algorithms - JavaScript

Dev. API

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

JS

• CleanPNG - HD png images and illustrations
• Unsplash - quality photos for use in projects, with a robust API for easy integration.

JS

• Tweakpane - A compact pane for fine-tuning parameters and monitoring value changes

Frontend Resources

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