Slide 1

Slide 1 text

Good-enough web design claudiob.github.io

Slide 2

Slide 2 text

Start without stylesheets

Slide 3

Slide 3 text

Add Bootstrap

Slide 4

Slide 4 text

Add Bootstrap Theme

Slide 5

Slide 5 text

Find a color palette

Slide 6

Slide 6 text

Apply the color palette

Slide 7

Slide 7 text

Apply the color palette

Slide 8

Slide 8 text

Find a pattern (optional)

Slide 9

Slide 9 text

Find a pattern (optional)

Slide 10

Slide 10 text

Add the pattern

Slide 11

Slide 11 text

Add the pattern

Slide 12

Slide 12 text

Find a font

Slide 13

Slide 13 text

Apply the font

Slide 14

Slide 14 text

Apply the font

Slide 15

Slide 15 text

Use the grid

Slide 16

Slide 16 text

Find icons

Slide 17

Slide 17 text

Add icons

Slide 18

Slide 18 text

Add icons

Slide 19

Slide 19 text

Guide the user with HTML

Slide 20

Slide 20 text

Guide the user with errors

Slide 21

Slide 21 text

Prevent errors with JS

Slide 22

Slide 22 text

Guide the user with HTML

Slide 23

Slide 23 text

Guide the user with errors

Slide 24

Slide 24 text

Prevent errors with JS

Slide 25

Slide 25 text

Look ma’, a responsive site!

Slide 26

Slide 26 text

And a style guide!

Slide 27

Slide 27 text

Thanks! Good-enough web design