Useful Resources

A curated collection of tools, articles, and resources for web developers, designers, and content creators. All resources are regularly updated and personally vetted.

Development Tools

Code Editors & IDEs

Visual Studio Code - Free, powerful editor with excellent extension ecosystem
Vim - Classic terminal-based editor for efficiency
WebStorm - Full-featured JavaScript IDE

Version Control

Git - Essential version control system
GitHub - Code hosting and collaboration platform
GitLab - Alternative with built-in CI/CD

Build Tools & Bundlers

Vite - Lightning-fast build tool for modern web projects
esbuild - Extremely fast JavaScript bundler
Webpack - Mature, feature-rich module bundler

Design Resources

Design Tools

Figma - Collaborative design tool (free tier available)
Sketch - macOS design tool for UI/UX
Adobe XD - Design and prototyping tool

Color & Typography

Coolors - Color palette generator
Contrast Checker - WCAG accessibility checker
Google Fonts - Free web fonts
Font Pair - Font combination suggestions

Icons & Images

Heroicons - Beautiful SVG icons by Tailwind CSS makers
Unsplash - High-quality free stock photography
Pexels - Free stock photos and videos

Performance & SEO

Testing Tools

Google PageSpeed Insights - Performance analysis tool
WebPageTest - Detailed performance testing
Lighthouse - Automated quality audits

SEO Tools

Google Search Console - Monitor search performance
Screaming Frog - SEO spider tool
Ahrefs - Comprehensive SEO toolkit (paid)

Optimization

TinyPNG - Image compression tool
Squoosh - Advanced image optimizer by Google
Can I Use - Browser compatibility tables

Learning Resources

Documentation & References

MDN Web Docs - Comprehensive web technology documentation
CSS-Tricks - Tips, tricks, and techniques for CSS
A List Apart - Articles on web standards and best practices

Courses & Tutorials

freeCodeCamp - Free programming courses
Frontend Masters - In-depth frontend courses
Wes Bos Courses - Practical JavaScript courses

Newsletters & Blogs

CSS Weekly - Weekly CSS articles and news
JavaScript Weekly - JavaScript news and articles
Smashing Magazine - Design and development articles

Accessibility

Guidelines & Standards

WCAG Guidelines - Web accessibility standards
A11y Project - Accessibility checklist and resources
WebAIM - Web accessibility training and tools

Testing Tools

axe DevTools - Browser extension for accessibility testing
WAVE - Web accessibility evaluation tool
Color Oracle - Color blindness simulator

Static Site Generators

Popular Options

Jekyll - Ruby-based, GitHub Pages compatible
Hugo - Go-based, extremely fast
Eleventy - JavaScript-based, flexible
Gatsby - React-based with GraphQL

Hosting Platforms

Netlify - Easy deployment with form handling
Vercel - Optimized for frontend frameworks
GitHub Pages - Free hosting for public repositories

Code Quality

Linting & Formatting

ESLint - JavaScript linting utility
Prettier - Opinionated code formatter
Stylelint - CSS linting tool

Testing

Jest - JavaScript testing framework
Cypress - End-to-end testing framework
Testing Library - Testing utilities for various frameworks

Browser DevTools

Essential Features

Elements Panel: Inspect and modify HTML/CSS
Console: Debug JavaScript and run commands
Network Tab: Monitor resource loading
Performance Tab: Analyze runtime performance
Lighthouse: Built-in performance auditing

Advanced Techniques

Breakpoints: Pause JavaScript execution for debugging
Device Simulation: Test responsive designs
Coverage Tab: Find unused CSS/JS
Security Tab: Check HTTPS and security issues

Command Line Tools

Essential Commands

# Git basics
git status
git add .
git commit -m "message"
git push origin main

# Node.js/npm
npm install
npm run build
npm run dev

# File operations
ls -la
mkdir project-name
cd project-name

Useful CLI Tools

tree - Display directory structure
httpie - User-friendly HTTP client
jq - JSON processor

Staying Updated

News & Updates

Hacker News - Tech news and discussions
Dev.to - Developer community and articles
Reddit r/webdev - Web development community

Conferences & Events

An Event Apart - Design and web standards
JSConf - JavaScript conferences worldwide
CSS Day - CSS-focused conference

Contributing

Found a broken link or have a resource to suggest? This list is community-driven and constantly evolving. Feel free to reach out with suggestions or corrections.

Last updated: May 2025