Original Publication
Work Currently in Progress


Web design is a thriving area of study and learning that emerges from a combination of multiple disciplines. In particular, the practice of web design draws from the fields of communication, design, and computer science. Yet few publications on web design incorporate all three of these disciplines with equal focus, making it a challenge to effectively teach the foundations of the practice. As a result, teachers must choose to either downplay portions of the discipline or work to supplement missing areas through a collection of resources. Ultimately, most web design educators that wish to produce highly effective (and employable) students are forced to collect snippets from multiple texts, websites and learning systems, delivering students a disjointed and confusing learning experience.

In contrast, <learn> web design offers a holistic approach to the practice of web design that covers design standards, user interaction theory, content crafting, and coding. This approach better reflects the multi-faceted nature of the professional practice of web design and addresses a significant issue faced by educators. Furthermore, <learn> web design is being developed for release as an open and freely accessible website, continuing the traditions of democracy and collaboration foundational to the construction of the web in the first place.


Table of Contents


  1. Part 1: The Web Design Process
    1. First steps: how does the web work?
    2. Evaluation: What makes a good site?
    3. Audience: Who is this site for?
    4. Content: How do I develop content?
    5. Architecture: How do I organize a site?
    6. User Interface: How do I create the visual design?
    7. Testing: How do I test my design concepts?
  2. Part 2: Coding Websites
    1. Intro to Coding: How do I get started with coding and development?
    2. Text, Image, Audio, and Video: How do I add content and media to my site?
    3. Interactivity: How do I make things happen when I click and hover?
    4. Basic Forms: How do I add contact or other forms to my site?
    5. Basic Layout: How do I build a basic layout?
    6. Positioning: How do I position particular elements?
    7. Grid-Based Layouts: How can I create a more polished structure?
    8. Animation: How do I make elements on my site move?
    9. Responsive Design: How can I make my site adapt to different devices and screens?
    10. Clean Code: How do I make my code more efficient?
    11. Responsive or Mobile-First: Should I start with a mobile or desktop version of my site?
    12. Javascript and JQuery: How do I add more intricate interactions to my site?
    13. Cross-Browser Compatibility: How do I fix bugs that only show up on certain browsers?
  3. Part 3: WHAT’s NEXT?
    1. Careers: What kind of work might I pursue?
    2. Coding: What other resources  and languages are out there for me?
    3. UI/UX Design: How do I develop my abilities as a interaction designer?
    4. Technology: What new considerations are on the horizon that I might prepare for?

Questions about this publication? Contact me.
Hey publishers, I know you want to throw me some money, right!?