FE Resources

• Performance Test

Frontend Resources

• Performance Test
• Pingdom
• WebPageTest
• BrowserStack Speed Lab

HTML Tools

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

SEO Tools

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

Frontend Resources

• W3C Developer Tools

SEO Tools

• 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.
• Tabler Icons - source icons designed for web applications.
• Bootstrap Icons - quality, easy-to-use icons built to work seamlessly with Bootstrap projects.
• IconBeast Free Icons - quality icons available in various formats, perfect for your web and mobile 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.
• 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.

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

Frontend Resources

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

SEO Tools

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

Semantic Tests

• Rich Results Test

Security Test

• Security Headers
• SSL 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

Dev. API

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

3D Tools

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

Frontend Resources

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

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