Security Test

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

Security Test

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

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

JS

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

SEO Tools

• Stripe Dummy Cards
• PayPal Sandbox

Dev. API

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

Frontend Resources

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

Security Test

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

Icons

• Google Fonts Material Symbols

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.

Icons

• 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.
• 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.

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.

FE Resources

• Performance Test

Frontend Resources

• Pingdom
• WebPageTest
• BrowserStack Speed Lab

Frontend Resources

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

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

Security Test

• Security Headers
• SSL Test

Semantic Tests

• Rich Results Test

SEO Tools

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

Frontend Resources

• W3C Developer Tools

HTML Tools

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

SEO Tools

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

Programming Fonts

• Fira Code
• Victor Mono

Security Test

• Typewolf Cheatsheet
• Toptal HTML Arrows

JS

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