Web Design

Curated Resources (24)

Tools (5)

• CodePen codepen.iofreemium

  Online code editor and social development environment for designing, experimenting with, and showcasing HTML, CSS, and JavaScript front-end code.

• W3C Nu Html Checker validator.w3.orgfree

  Official validator maintained by the W3C to check HTML, XHTML, and SVG documents against living web standards and specifications.

• Google PageSpeed Insights pagespeed.web.devfree

  Diagnostic performance analysis tool reporting Core Web Vitals and actionable optimization recommendations for web pages.

• WebPageTest webpagetest.orgfreemium

  Detailed website speed testing tool measuring load performance, network visual progress, and rendering waterfalls across diverse browsers.

• WAVE Web Accessibility Evaluation Tool wave.webaim.orgfree

  Web accessibility suite providing visual feedback on WCAG compliance issues directly within rendered web pages.

Databases (4)

• Can I use caniuse.comfree

  Up-to-date browser support tables and compatibility database for modern front-end web design technologies and CSS standards.

• HTTP Archive httparchive.orgfree

  Public repository tracking performance metrics, resource weights, and technology adoption across millions of websites worldwide.

• MDN Web Docs developer.mozilla.orgfree

  Comprehensive documentation repository and reference database for open web standards, HTML, CSS, and browser APIs.

• Siteinspire siteinspire.comfree

  Curated showcase database indexing thousands of real-world websites searchable by design style, category, and platform.

Learn (5)

• web.dev Learn web.devfree

  Guided courses created by Google covering modern HTML semantics, CSS layouts, responsive design, and web accessibility.

• freeCodeCamp Responsive Web Design freecodecamp.orgfree

  Interactive online curriculum and project-based certification teaching HTML, CSS, Flexbox, CSS Grid, and responsive layout techniques.

• The Odin Project Foundations theodinproject.comfree

  Open-source curriculum teaching the fundamentals of modern web design, HTML, CSS styling, and developer workflows.

• CSS Zen Garden csszengarden.comfree

  Classic educational demonstration illustrating the power and versatility of CSS by applying diverse visual stylesheets to a fixed HTML document.

• WordPress Roadmap (roadmap.sh) roadmap.shfree

  Interactive roadmap on building sites with WordPress: topics laid out in a suggested study order, each linking to further reading.

Publications (3)

• W3C Web Content Accessibility Guidelines (WCAG) w3.orgfree

  Official international web standards providing technical recommendations to make web content accessible to individuals with disabilities.

• Learning Web Design learningwebdesign.compaid

  Comprehensive beginner-to-intermediate guide by Jennifer Robbins explaining HTML, modern CSS styling, web graphics, and responsive design.

• Inclusive Components inclusive-components.designfree

  Pattern library and book by Heydon Pickering detailing how to construct robust, accessible, and inclusive interface components.

Blogs and sites (4)

• A List Apart alistapart.comfree

  Influential web publication exploring the design, development, content strategy, and standards of modern websites.

• Smashing Magazine smashingmagazine.comfree

  Online publication delivering practical, peer-reviewed articles on responsive web design, layout techniques, and front-end best practices.

• CSS-Tricks css-tricks.comfree

  Extensive archive of tutorials, guides, and articles exploring modern CSS layouts, web design patterns, and front-end code.

• Codrops tympanus.netfree

  Web design and development blog that publishes tutorials and experimental creative interaction concepts for web interfaces.

Events and conferences (3)

• SmashingConf smashingconf.compaid

  Annual practical conference series covering modern front-end web design, user interfaces, design systems, and web performance.

• CSS Day cssday.nlpaid

  Annual advanced conference focused on deep-dive explorations of modern CSS specifications, responsive typography, and layout architectures.

• beyond tellerrand beyondtellerrand.compaid

  Community-driven conference exploring the intersection of creative web design, web typography, technology, and craft.

Other subcategories

3D and Animation · Architectural Design · Design Thinking · Design Tools · Fashion · Game Design · Graphic Design · Interior Design · User Experience ·

Part of Design