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

Responsive workshop: planning

Avatar for Jeremy Keith Jeremy Keith
April 11, 2013
Design
3
290

Responsive workshop: planning

Avatar for Jeremy Keith

Jeremy Keith

April 11, 2013
Tweet

More Decks by Jeremy Keith

See All by Jeremy Keith
Of Time And The Web
Avatar for Jeremy Keith adactio
0
100
“Web3” and “AI”
Avatar for Jeremy Keith adactio
0
97
In And Out Of Style
Avatar for Jeremy Keith adactio
0
64
The State Of The Web
Avatar for Jeremy Keith adactio
0
75
Sci-fi And Me
Avatar for Jeremy Keith adactio
0
88
Design Principles For The Web
Avatar for Jeremy Keith adactio
0
80
Building
Avatar for Jeremy Keith adactio
0
70
The Layers Of The Web
Avatar for Jeremy Keith adactio
0
350
Taking Back The Web
Avatar for Jeremy Keith adactio
1
810

Other Decks in Design

See All in Design
AI時代に問われる、リサーチの感受性──地域⇄大企業の現場から見えた「違和感」との向き合い方
Avatar for Muture muture
PRO
0
400
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
140
Diverse Design Team Deck
Avatar for Diverse diverse
0
410
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1.1k
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
340
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
480
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
170
【MIXI MEETUP！ー TECH & DESIGN DAYー】新たなSNS「mixi2」の “0→1”開発の舞台裏：デザイナーが語るプロダクト誕生秘話
Avatar for MIXI DESIGN mixi_design
PRO
0
190
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
650
Illustrator×Firefly 生成したイラストをベースにドット絵を作ってみよう！
Avatar for コネクリ connecre
1
210

Featured

See All Featured
Technical Leadership for Architectural Decision Making
Avatar for Kenny Baas-Schwegler baasie
1
220
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
670
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
74
5k
Done Done
Avatar for chrislema chrislema
186
16k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
220
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
300
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k

Transcript

  1. <planning>

  2. mobile first

  3. content first

  4. API first

  5. URL first

  6. URL design

  7. Every piece of knowledge must have a single, unambiguous, authoritative

    representation within a system. —DRY Principle

  8. /things /things/id /things/id/edit /things/add

  9. /2013 /2013/uxlondon /2013/uxlondon/schedule lanyrd.com

  10. /adactio /adactio/Pattern-Primer /adactio/Pattern-Primer/issues /adactio/Pattern-Primer/issues/1 github.com

  11. URLs are universal. ey work in Firefox, Chrome, Safari, Internet

    Explorer, cURL, wget, your iPhone, Android and even written down on sticky notes. ey are the one universal syntax of the web. —Kyle Neath

  12. </planning>