Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Good-enough web design

Good-enough web design

Claudio B.

June 08, 2015
Tweet

More Decks by Claudio B.

Other Decks in Programming

Transcript

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

    View Slide

  2. Start without stylesheets

    View Slide

  3. Add Bootstrap

    View Slide

  4. Add Bootstrap Theme

    View Slide

  5. Find a color palette

    View Slide

  6. Apply the color palette

    View Slide

  7. Apply the color palette

    View Slide

  8. Find a pattern (optional)

    View Slide

  9. Find a pattern (optional)

    View Slide

  10. Add the pattern

    View Slide

  11. Add the pattern

    View Slide

  12. Find a font

    View Slide

  13. Apply the font

    View Slide

  14. Apply the font

    View Slide

  15. Use the grid

    View Slide

  16. Find icons

    View Slide

  17. Add icons

    View Slide

  18. Add icons

    View Slide

  19. Guide the user with HTML

    View Slide

  20. Guide the user with errors

    View Slide

  21. Prevent errors with JS

    View Slide

  22. Guide the user with HTML

    View Slide

  23. Guide the user with errors

    View Slide

  24. Prevent errors with JS

    View Slide

  25. Look ma’, a responsive site!

    View Slide

  26. And a style guide!

    View Slide

  27. Thanks!
    Good-enough
    web design

    View Slide