Building Parsec II: Implementation Strikes Back

This is a ‘sequel’ to the talk I gave at WordCamps last year; taking the principles I spoke about and putting them into practice, I will talk about how in Parsec I made images responsive, lightened load time, and introduced Sass. While earlier talks focused more on design decisions and planing, I talk about coding this time around

Transcript

1. BUILDING PARSEC EPISODE II: THE IMPLEMENTATION STRIKES BACK 
 SLIDES: RWDWP.COM/103
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 • DOCUMENT • TEST
11. PARSEC’S STYLE TILE
12. THE TIMES [THEY] ARE [A] CHANGIN’!
13. UNDERSCORES.ME
14. DATE ERINANDJOE.US
15. BREAKPOINT DECISIONS
16. NAVIGATION UNDERSCORES HAS A NICE BASE FOR THIS. THERE ARE A FEW WAYS TO IMPROVE RWDWP.COM/101
17. IMAGES
18. INTEGRATING <PICTURE>
19. SUPPORTING <PICTURE>
20. FLEXBOX! rwdwp.com/104
21. LOAD TIMES
22. TESTING PLAN
23. RWDWP.COM
24. CASABONA.ORG @JCASABONA FRONT END DEVELOPER @ CROWD FAVORITE JOE CASABONA