Save 37% off PRO during our Black Friday Sale! »

Good-enough web design

Good-enough web design

0722f1ff8d0a69bce57ebdb93dafc395?s=128

Claudio B.

June 08, 2015
Tweet

Transcript

  1. Good-enough web design claudiob.github.io

  2. Start without stylesheets

  3. Add Bootstrap

  4. Add Bootstrap Theme

  5. Find a color palette

  6. Apply the color palette

  7. Apply the color palette

  8. Find a pattern (optional)

  9. Find a pattern (optional)

  10. Add the pattern

  11. Add the pattern

  12. Find a font

  13. Apply the font

  14. Apply the font

  15. Use the grid

  16. Find icons

  17. Add icons

  18. Add icons

  19. Guide the user with HTML

  20. Guide the user with errors

  21. Prevent errors with JS

  22. Guide the user with HTML

  23. Guide the user with errors

  24. Prevent errors with JS

  25. Look ma’, a responsive site!

  26. And a style guide!

  27. Thanks! Good-enough web design