Building Parsec III: Return of the Testing

Slide 1

Slide 1 text

BUILDING PARSEC EPISODE III: RETURN OF THE TESTING   SLIDES: RWDWP.COM/106

Slide 2

Slide 2 text

1977: THE FIRST STAR WARS MOVIE CAME OUT BEST EVER!

Slide 3

Slide 3 text

2005: THE LAST STAR WARS MOVIE CAME OUT USE ALL THE GREEN SCREENS

Slide 4

Slide 4 text

Red Letter Media http://rwdwp.com/100

Slide 5

Slide 5 text

IF YOU GET LAZY*, PEOPLE WILL KNOW. *It’s easy to get lazy, rushed, forced, etc.

Slide 6

Slide 6 text

IF YOU WANT TO MAKE SOMETHING GREAT, YOU HAVE TO DO IT RIGHT.

Slide 7

Slide 7 text

PARSEC

Slide 8

Slide 8 text

GITHUB.COM/JCASABONA/PARSEC

Slide 9

Slide 9 text

THE PLAN • START SKETCHING FOR MOBILE & FULL WIDTH • MAKE STYLE TILE • USE _S AS A BASE • COMMIT TO GIT & TRACK ISSUES • PUT ON DEMO SERVER • OPTIMIZE • TEST

Slide 10

Slide 10 text

THE TIMES [THEY] ARE [A] CHANGIN’!

Slide 11

Slide 11 text

UNDERSCORES.ME

Slide 12

Slide 12 text

DATE ERINANDJOE.US

Slide 13

Slide 13 text

BREAKPOINT DECISIONS

Slide 14

Slide 14 text

NAVIGATION UNDERSCORES HAS A NICE BASE FOR THIS. THERE ARE A FEW WAYS TO IMPROVE RWDWP.COM/101

Slide 15

Slide 15 text

IMAGES

Slide 16

Slide 16 text

INTEGRATING

Slide 17

Slide 17 text

SUPPORTING

Slide 18

Slide 18 text

FLEXBOX! rwdwp.com/104

Slide 19

Slide 19 text

PERFORMANCE

Slide 20

Slide 20 text

GOOGLE SPEED TEST

Slide 21

Slide 21 text

AddOutputFilterByType DEFLATE text/html text/css text/javascript

Slide 22

Slide 22 text

sass ––watch main.scss:style.css ––style compressed

Slide 23

Slide 23 text

wp_enqueue_script( 'picturefill', ‘/js/picturefill.min.js', false, '20150913', true );

Slide 24

Slide 24 text

IMAGES!

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

TESTING PLAN

Slide 27

Slide 27 text

BROWSERS & DEVICES • Safari on iOS • Chrome on iOS • Firefox on iOS • Chrome on Android • Browser on Android • Firefox on Android • IE for Windows Phone • A lot of Devices.