Skip To Content
- The Front-end Development Handbook
- A digital textbook touching on all the major aspects of a front-end developer's career path, skill sets, salary, and useful resources A personal favorite of mine!
- Modern Dev Spellbook
- A giant thesaurus and resource list for nearly all topics relating to modern front-end web development
- Front-end Interview Q&A
- A list of common front-end development interview questions, and most of their answers
- An archive of useful posts, tricks, and tutorials for all things front-end
- Dev Doodles
- A charming collection of illustrated explainations for different front-end coding concepts
- The Grab Front-end Guide
- Study guide and introduction to the modern front end stack
- The Web Almanac
- A giant, thorough report on all aspects of the modern web (mostly the front-end)
- Responsive Design Glossary
- The meaning of the many terms used in responsive design and development
- HTML Head
- A free guide to HTML5
<head> elements and managing their many tag options
- Design System Playground
- Play around with colors and fonts to see how they'd look in a boilerplate design system
- Laws of UX
- Core principles and rules to follow for user experiences
- Collect UI
- Daily inspiration collected from the Daily UI archive and beyond, updated daily. Great for design inspiration sorted by components and patterns.
- Open-source, stylish, SVG illustrations for virtually every topic and occasion.
- Remove Background Image
- Quickly and easily remove the background from photos of people
- Hero Patterns
- SVG backgrounds and textures that can be added to a website with only CSS
- Cool Backgrounds
- Generate stylish, workable backgrounds quickly from a variety of sources
- Vectors, stock photos, PSDs, and more
- 100 fancy illustrations done in the 100 days of illustration challenge.
- Generated Photos
- Realistic images of people that aren't real. They're made by AI.
- SVG stock images of people you can customize the traits of. Great if you need stock images with a personalized touch.
- Free vector illustrations grouped by patterns and their distinctive styles
- Free Illustrations
- An independent designers' free collection of vector art illustrations and icons
- Blush, Illustrations for everyone
- Create, mix, and customize illustrations made by artists around the world.
- Form design
- One developer's best practices through research and experience.
- The New Defaults
- A large collection of pleasant, standard color swatches and hex codes for building palettes
- Colors and Fonts
- Curated library of colors and fonts for web developers and digital designers
- Image Color Picker
- An easy online tool to pick individual colors from images
- Canva Color Wheel
- A color wheel tool to quickly make color palettes based on basic color rules
- Generate and apply accessible color palettes to your UI, then export it to sketch or the most used programming languages
- 100 Color Combinations
- 100 color combinations and how to apply them to your designs
- Cool and unique custom fonts available for free, for personal and professional use.