From wireframe to website

Combining all of the topics from Web Dev 1 to create a full website, starting with a wireframe & style tile.


Referenced lessons

This layout and series of videos combine together all the lessons from Web Dev 1.

☛ See the list of Web Dev 1 tutorials


Video list

  1. Wireframe to website: intro
  2. Wireframe to website: masthead HTML
  3. Wireframe to website: amigas section HTML
  4. Wireframe to website: super powers section
  5. Wireframe to website: footer HTML
  6. Wireframe to website: masthead wireframe CSS
  7. Wireframe to website: amigas wireframe CSS
  8. Wireframe to website: big button wireframe CSS
  9. Wireframe to website: powers wireframe CSS
  10. Wireframe to website: nav & footer wireframe
  11. Wireframe to website: content images
  12. Wireframe to website: top nav visual style
  13. Wireframe to website: masthead visual style
  14. Wireframe to website: big button visual style
  15. Wireframe to website: navigation visual style
  16. Wireframe to website: content visual style
  17. Wireframe to website: amigas visual style
  18. Wireframe to website: powers visual style
  19. Wireframe to website: super powers page setup
  20. Wireframe to website: super powers content
  21. Wireframe to website: super powers links
  22. Wireframe to website: validation
  23. Wireframe to website: browser testing
  24. Wireframe to website: favicon
  25. Wireframe to website: performance