Web Development References
A curated collection of essential references, tools, and resources to support your web development journey with ProyectoWeb.MDN Web Docs
Comprehensive documentation for HTML, CSS, JavaScript, and Web APIs
W3C Standards
Official web standards and specifications
Can I Use
Browser compatibility tables for web technologies
Web.dev
Google’s resource for modern web development best practices
Frontend Technologies
HTML & CSS
HTML Living Standard
The official HTML specification maintained by WHATWG
CSS Tricks
Daily articles and tutorials about CSS and web design
Flexbox Guide
Complete guide to Flexbox layout
Grid Guide
Complete guide to CSS Grid layout
JavaScript
JavaScript.info
Modern JavaScript tutorial from basics to advanced topics
ECMAScript Spec
Official ECMAScript language specification
Node.js Docs
Official Node.js documentation and API reference
npm Documentation
Package manager documentation and guides
Development Tools
Code Editors & IDEs
Visual Studio Code
Visual Studio Code
Download: https://code.visualstudio.comPopular extensions for web development:
- ESLint - JavaScript linting
- Prettier - Code formatter
- Live Server - Local development server
- Auto Rename Tag - Automatically rename paired HTML tags
- Path Intellisense - File path autocomplete
WebStorm
WebStorm
Website: https://www.jetbrains.com/webstorm/Full-featured IDE for JavaScript and related technologies with built-in tools for debugging, testing, and version control.
Sublime Text
Sublime Text
Website: https://www.sublimetext.comLightweight, fast text editor with extensive plugin ecosystem through Package Control.
Browser Developer Tools
Chrome DevTools
Built-in debugging tools for Google Chrome
Firefox Developer Tools
Powerful debugging suite for Firefox
Version Control
Git is essential for tracking changes, collaborating with team members, and maintaining code history.
Git Documentation
Official Git documentation and reference
GitHub Guides
Learn Git and GitHub workflows
GitLab Docs
GitLab documentation and CI/CD guides
Pro Git Book
Free comprehensive guide to Git (available in multiple languages)
Design Resources
UI/UX Design
Figma
Collaborative interface design tool
Adobe XD
Design and prototype user experiences
Color & Typography
Color Tools
Color Tools
- Coolors: https://coolors.co - Color palette generator
- Adobe Color: https://color.adobe.com - Color wheel and schemes
- Color Hunt: https://colorhunt.co - Curated color palettes
- Contrast Checker: https://webaim.org/resources/contrastchecker/ - WCAG compliance
Typography Resources
Typography Resources
- Google Fonts: https://fonts.google.com - Free web fonts
- Font Squirrel: https://www.fontsquirrel.com - Free commercial fonts
- Type Scale: https://typescale.com - Typography scale calculator
- Fontjoy: https://fontjoy.com - Font pairing generator
Icons & Images
Icons & Images
- Font Awesome: https://fontawesome.com - Icon library
- Heroicons: https://heroicons.com - Beautiful hand-crafted SVG icons
- Unsplash: https://unsplash.com - Free high-quality photos
- Pexels: https://www.pexels.com - Free stock photos and videos
Performance & Testing
Lighthouse
Automated tool for improving web page quality
PageSpeed Insights
Analyze and optimize page load performance
WebPageTest
Detailed performance testing from multiple locations
GTmetrix
Performance monitoring and analysis
Learning Platforms
freeCodeCamp
Free coding bootcamp with certifications
Frontend Mentor
Real-world frontend challenges
Codecademy
Interactive coding courses
Scrimba
Interactive coding screencast tutorials
Community & Support
Stack Overflow
Q&A community for developers
Dev.to
Community of software developers sharing knowledge
Reddit Web Dev
Web development community discussions
Discord Communities
Join web development Discord servers for real-time help
Accessibility
WCAG Guidelines
Web Content Accessibility Guidelines
A11y Project
Community-driven accessibility resources
WAVE Tool
Web accessibility evaluation tool
axe DevTools
Browser extension for accessibility testing
Security Resources
OWASP
Open Web Application Security Project
Mozilla Observatory
Security and privacy analysis tool