Building Parsec III: Return of the Testing

In this talk I go over ways to make your responsive site load after, as well as advise for testing.

Transcript

1. BUILDING PARSEC EPISODE III: RETURN OF THE TESTING 
 SLIDES: RWDWP.COM/106
2. 1977: THE FIRST STAR WARS MOVIE CAME OUT BEST EVER!
3. 2005: THE LAST STAR WARS MOVIE CAME OUT USE ALL THE GREEN SCREENS
4. Red Letter Media http://rwdwp.com/100
5. IF YOU GET LAZY*, PEOPLE WILL KNOW. *It’s easy to get lazy, rushed, forced, etc.
6. IF YOU WANT TO MAKE SOMETHING GREAT, YOU HAVE TO DO IT RIGHT.
7. PARSEC
8. GITHUB.COM/JCASABONA/PARSEC
9. 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
10. THE TIMES [THEY] ARE [A] CHANGIN’!
11. UNDERSCORES.ME
12. DATE ERINANDJOE.US
13. BREAKPOINT DECISIONS
14. NAVIGATION UNDERSCORES HAS A NICE BASE FOR THIS. THERE ARE A FEW WAYS TO IMPROVE RWDWP.COM/101
15. IMAGES
16. INTEGRATING <PICTURE>
17. SUPPORTING <PICTURE>
18. FLEXBOX! rwdwp.com/104
19. PERFORMANCE
20. GOOGLE SPEED TEST
21. <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/css text/javascript </IfModule>
22. sass ––watch main.scss:style.css ––style compressed
23. wp_enqueue_script( 'picturefill', ‘/js/picturefill.min.js', false, '20150913', true );
24. IMAGES!
26. TESTING PLAN
27. 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.
28. RWDWP.COM
29. MY EPISODE IV …OR EPISODE VII?
30. CASABONA.ORG @JCASABONA FRONT END DEVELOPER @ CROWD FAVORITE JOE CASABONA