This curated list contains links to tools, guides, and inspiration for web development, design, productivity, and more. Resources are grouped by topic in collapsible sections for quick access.
Cheatsheets & Guides
- Naming cheatsheet – Naming conventions for code
- A general cheatsheet for devs – Quick reference for many languages & tools
- All HTML tags – Complete list of HTML tags
- Emmet Syntax – Abbreviations for faster HTML/CSS
- Writing on Github – Markdown & formatting on GitHub
- Git Book – Comprehensive Git guide
- Roadmaps for learning multiple languages, developer roles, etc – Developer learning paths
- Atomic Design Methodology – UI design principles
- Atomic Design Principles & Methodology 101 – UI design principles
Code Snippets & Generators
- Shortcodes – Useful code snippets
- Short code snippets – Quick code examples
- Snippet Generator – Generate code snippets for VS Code
- Generate Types - Typescript – Generate TypeScript types from JSON
Learning & Tutorials
- Learning git branching – Interactive Git branching
- Learning CSS grid – CSS Grid game
- Javascript Tutorial - Website – Comprehensive JS tutorial
- Javascript Book - Eloquent – In-depth JS book
- Learning Web Development - From Foundation to Job Ready – Full-stack curriculum
- Design resources for developers – Design tools for devs
Design & UI Inspiration
- Dribble – UI/UX inspiration
- Godly Website – Creative web designs
- Mobbin – Mobile & web design patterns
- Awwards – Award-winning websites
- LandBook – Landing page inspiration
- Collect UI – UI design inspiration
- UI Design Daily – Daily UI ideas
- Realtime Colors – Color palette generator
- Relume – Website inspiration & tools
- Behance – Creative portfolios
- Pinterest – Design ideas
Icons & Graphics
- Icon Finder – Search for icons
- Astro Icons – Astro icon library
- Tabler Icons – Free SVG icons
- Font Awesome Icons – Popular icon set
- Free Illustration – Free illustrations
- Waves illustration – SVG wave generator
- Symbols – Unicode symbols
- Favicon generator – Create favicons
Images & Media
- Stock images – Free stock photos
- Placeholder images – Placeholder image generator
- Layout Grid Examples – CSS grid layouts
Productivity & Tools
- Online Pomodoro Tool – Pomodoro timer
- Typing tool – Improve typing speed
- Free Hosting for deploying websites – Free static site hosting
- Image to Text – OCR tool
SEO & Accessibility
- Open Graph - SEO – Open Graph tags for SEO
- WAVE Web Accessibility Evaluation Tool – Accessibility checker
- LightHouse – Site performance & accessibility audit
- CSS reset – CSS reset guide