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 into the original theme from my book. “

1. BUILDING PARSEC
EPISODE I: PLANNING A RESPONSIVE THEME

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 DEV/DEMO SERVER
• DOCUMENT
• TEST

11. PARSEC’S STYLE TILE

12. EARLY
IMPLEMENTATION
DECISIONS
HOW WILL I DO IT

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

14. UNDERSCORES.ME

15. BREAKPOINT DECISIONS

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

17. INTEGRATING <PICTURE>

18. LOAD TIMES

19. TESTING PLAN

20. RWDWP.COM

21. CASABONA.ORG@JCASABONA
FRONT END DEVELOPER @ CROWD FAVORITE
JOE CASABONA