Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Building Parsec I: A New Hope (for a responsive...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Joe Casabona Joe Casabona
February 28, 2015
Design
0
97

Building Parsec I: A New Hope (for a responsive theme)

Avatar for Joe Casabona

Joe Casabona

February 28, 2015
Tweet

More Decks by Joe Casabona

See All by Joe Casabona
What Full Site Editing Means for Page Builders
Avatar for Joe Casabona jcasabona
5
480
Sleigh-ing Traffic: Using Podcasts to Boost Holiday Page Views
Avatar for Joe Casabona jcasabona
3
250
What Does Full Site Editing Mean for You and Your Clients
Avatar for Joe Casabona jcasabona
0
560
How Theme Developers Should Approach Full Site Editing
Avatar for Joe Casabona jcasabona
1
530
WordPress: The One Stop Shop For Your Podcast
Avatar for Joe Casabona jcasabona
0
280
Automating Podcast Bookings (and Other Time Saving Tips)
Avatar for Joe Casabona jcasabona
0
250
How to Start a Podcast with WordPress (Oct 2020)
Avatar for Joe Casabona jcasabona
0
280
Grow Your Audience with a Podcast and a Page Builder
Avatar for Joe Casabona jcasabona
0
460
4 Ways to Monetize Your Podcast
Avatar for Joe Casabona jcasabona
2
310

Other Decks in Design

See All in Design
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
0
130
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
190
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
870
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.1k
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
770
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
270
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
2
280
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
960
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
310
Signull 団体説明資料
Avatar for Signull signull
0
370
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
220
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
220

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
7k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
940
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
5.3k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
330
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
310
Leo the Paperboy
Avatar for Maya Tellez mayatellez
4
1.5k

Transcript

  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
  10. None

  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