Good-enough web design

Presented at the L.A. Ruby meetup, June 2015

Links from this presentation:

* http://getbootstrap.com
*http://fullscreen.github.io/bh
* http://www.colourlovers.com/palette/1930/cheer_up_emo_kid
* http://www.colourlovers.com/pattern/9/my_dads_tie
* http://www.myfonts.com/fonts/exljbris/museo-slab
* http://fontawesome.io/icons
* https://itunes.apple.com/us/app/channel+-by-fullscreen/id977771271?mt=8
* https://channelpl.us

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