Keep going
Resources
Webpage Anatomy is a tour, not a course. This is the running list of where to actually go next: free, paid, or a real person if a course isn't what you need. It'll grow over time.
Learn it yourself
Courses & References
Free
- MDN Web DocsThe authoritative technical reference for HTML, CSS, and JS
- W3SchoolsBeginner-friendly tutorials with a live editor for every example
- freeCodeCampFull interactive course paths with real certifications
- web.devGoogle's own guides on performance and accessibility
- CSS-TricksDeep, practical articles on specific CSS techniques
Paid
- Frontend MastersIn-depth video courses taught by working industry engineers
- Codecademy ProStructured interactive courses with guided projects
- UdemyOne-time-purchase courses on almost any specific topic
- LinkedIn LearningBroad course library, often bundled with a Premium plan
- CourseraUniversity-backed courses and certificates
When you need more than a course
Professional Support
Sometimes the fastest way forward is working with someone directly instead of learning it all yourself first.
* marks an affiliate link, small commission at no extra cost to you. Everything else is just a recommendation.
Creativepea
End-to-end web design, performance optimization, and content strategy for local businesses, creators, and growing companies. Client-facing digital experiences built to drive conversions, search rankings, and brand presence, the design-side sister business to DevNinja: same people, different half of the work.
DevNinja
White-label development support: custom software architecture and specialized technical builds for agencies and designers who need a developer without hiring one full-time. The technical-side sister business to Creativepea: same people, different half of the work.
DBA University *
The Brief Collective's DBA University, a 12-week coaching program for brand designers on repositioning for high-ticket clients, building $5Kâ$10K offer suites, and the sales systems to actually book them. Live group calls plus an academy portal of templates and scripts. I'm a graduate of this program myself.
Social Butterfly Club *
The Brief Collective's Social Butterfly Club, a design-marketing community on Skool. Free to join for community access, content critiques, and a pricing guide. The $29/month Premium tier adds a 30-day client-getting content playbook, bi-weekly coaching and content audits, and the full attraction-marketing course.
Design Day Blueprint
Honeywave Creative's Design Day Blueprint, a seven-week live cohort on planning, selling, and delivering websites as one-day builds: pricing and booking a premium Design Day offer, client prep, running the build day, and launching the offer. Built for designers who already have the skills and want out of months-long projects. Enrollment for the current cohort is closed, but you can request late access from their page.
Say thanks, stay in touch
Support This Project
Webpage Anatomy is free and stays that way. If it was useful, a coffee goes a long way, and a follow keeps you posted on what's new.
Buy Me a Coffee
If Webpage Anatomy saved you some time or taught you something, a coffee is always appreciated.
Support on Ko-fiFollow Along
New tools, freebies, and whatever gets added to this page next, posted on Instagram first.
Follow on InstagramFact-checked, not just written
Sources & Further Reading
The F-pattern and Z-pattern reading patterns come from eye-tracking research by the Nielsen Norman Group.
Contrast and accessibility figures come from the W3C's Web Content Accessibility Guidelines (WCAG). Core Web Vitals and Lighthouse are Google's.
Privacy law references are to the EU's GDPR and California's CCPA, current as of this writing, not legal advice.
The button style history drew on design-trend writeups from onething.design and cccreative.design.