COMP 305: Object-Oriented Software Design

University of San Diego, Fall 2025

Useful Sites for Web Development

A curated collection of essential resources for software engineering students focused on web development. These sites will help you learn, build, and stay current with modern web technologies.

📚 Documentation & References

Your go-to sources for web standards and API documentation.

MDN Web Docs

The definitive resource for web standards: HTML, CSS, JavaScript, and Web APIs

HTMLCSSJavaScriptReference

DevDocs

Fast, offline documentation browser combining multiple API docs in one interface

ReferenceMultiple Languages

Can I Use

Browser compatibility tables for HTML5, CSS3, JavaScript features

CompatibilityCSSJavaScript

Web.dev

Google's guidance for modern web development best practices and performance

Best PracticesPerformanceSEO

🎓 Learning Platforms

Interactive tutorials, courses, and guides for all skill levels.

freeCodeCamp

Free interactive coding tutorials and certifications

InteractiveFull StackFree

The Odin Project

Free full-stack curriculum with projects and community support

Full StackProjectsFree

JavaScript.info

Modern JavaScript tutorial from basics to advanced topics

JavaScriptTutorialFree

CSS-Tricks

Articles, guides, and snippets for all things CSS

CSSGuidesSnippets

Frontend Masters

Expert-led video courses on web development (paid)

VideoCoursesPaid

🛠️ Development Tools

Playgrounds, IDEs, and utilities to speed up your workflow.

CodePen

Social development environment for front-end code sharing and testing

PlaygroundHTMLCSSJavaScript

JSFiddle

Online code playground for testing JavaScript, HTML, and CSS

PlaygroundTesting

StackBlitz

Online IDE for full-stack development with npm support

IDEFull Stacknpm

RegExr

Regular expression tester with explanations and community patterns

RegexTesting

Figma

Collaborative interface design tool (free for students)

DesignPrototypingUI/UX

🔍 References & Community

Find answers, collaborate, and discover open-source projects.

Stack Overflow

Q&A community for programming questions and solutions

Q&ACommunityDebug

GitHub

Code hosting, version control, and collaboration platform

GitCollaborationOpen Source

npm

Package registry for JavaScript and Node.js modules

PackagesNode.jsJavaScript

cdnjs

Free CDN for popular JavaScript and CSS libraries

CDNLibraries

🎨 Design & Inspiration

Resources for UI/UX design, colors, fonts, and images.

Dribbble

Design inspiration and portfolios from designers worldwide

InspirationUI/UXDesign

Awwwards

Showcase of cutting-edge web design and development

InspirationBest Practices

Coolors

Color palette generator and inspiration tool

ColorsDesign

Google Fonts

Free, open-source fonts optimized for the web

TypographyFontsFree

Unsplash

High-quality, free stock photos for any project

ImagesFreePhotos

📰 Blogs & News

Stay updated with the latest in web development.

Smashing Magazine

Web design and development articles, books, and conferences

ArticlesBest Practices

A List Apart

Articles on web standards and best practices

StandardsArticles

DEV Community

Community of software developers sharing knowledge

CommunityTutorialsDiscussion

CSS Weekly

Weekly email roundup of CSS articles and tutorials

NewsletterCSS

♿ Accessibility

Build inclusive web experiences for all users.

WebAIM

Resources and tools for web accessibility

A11yWCAGTools

A11y Project

Community-driven resource for digital accessibility

A11yChecklist

WAVE

Web accessibility evaluation tool

TestingA11y

⚡ Performance

Test and optimize your web applications.

PageSpeed Insights

Analyze and optimize web page performance

PerformanceTestingGoogle

WebPageTest

Detailed performance testing from multiple locations

PerformanceTesting

Lighthouse

Automated auditing for performance, accessibility, SEO

TestingChromeAuditing

💡 Tips for Using These Resources