こけむさずの会。第一回目の引用しまくりスライドｗ

1. IN-BROWSER DESIGN
こけむさず

2. 7,000

3. “ 7,000 different device types are used to access
Facebook each day.
VP Mike Schroepfer: 7,000 Different Types Of Mobile Devices Access Facebook Every Day
http://techcrunch.com/2012/08/03/vp-mike-schroepfer-7000-different-mobile-devices-access-facebook-every-day/

4. “ More people are logging into Facebook
daily on mobile than on desktop
Facebook's Daily Mobile Users Exceed Daily Desktop Users For The First Time
http://www.fastcompany.com/3005269/facebooks-daily-mobile-users-exceed-daily-desktop-users-first-time

5. よくあるウェブ制作のワークフロー

6. デザインラフを作って、それをHTML+CSSにする

7. いまの制作ワークフローでやっていけんの？

8. “ You can’t click a Photoshop mockup. This is
probably the number one reason we skip static
mockups. They aren’t real. Paper isn’t real either,
but paper doesn’t have that expectation. A
Photoshop mockup is on your screen. If it’s on your
screen it should work. You can’t pull down menus
in a Photoshop mockup, you can’t enter text into a
field in a Photoshop mockup, you can’t click a link
in a Photoshop mockup. HTML/CSS, on the other
hand, is the real experience.
Why we skip Photoshop by Jason Fried of 37signals
http://37signals.com/svn/posts/1061-why-we-skip-photoshop

9. “Photoshopはクリックできないよね。
たぶんこれがうちらがPhotoshopで静的なモックアップ
を作らない一番の理由。それは本物じゃない。紙もまた本
物じゃないし、そこには期待できるものなんかない。
Photoshopのモックアップってのはあなたのスクリーン
にある。もしそこにあるなら動かないと。でも、あなたは
Photoshopの中のメニューを引き出すこともできなけれ
ば、テキストフィールドに文字を入力することもできない
し、リンクをクリックすることもできない。HTML/CSSの
場合は、リアルな体験ができるよね。
Why we skip Photoshop by Jason Fried of 37signals
http://37signals.com/svn/posts/1061-why-we-skip-photoshop

10. “ Photoshop is repeating yourself. Ok, so you’ve
spent 3 days on a mockup in Photoshop. Now what?
Now I have to make it all over again in HTML/CSS.
Wasted time. Just build it in HTML/CSS and spend
that extra time iterating, not rebuilding. If you’re
not fast enough in HTML/CSS, then spend the time
learning how to create in HTML/CSS faster.
It’s time well spent.
Why we skip Photoshop by Jason Fried of 37signals
http://37signals.com/svn/posts/1061-why-we-skip-photoshop

11. “Photoshopを使うのは、自身の作業を繰り返すだけ。
Photoshopでモックアップを作るのに3日かかったとしよ
う。いま何て？ これからまたHTML/CSSにして全てを作
り直す？時間の無駄。HTML/CSSで作ってれば、余った時
間はイテレーションに使える、再構築じゃない。
もし、そんなに早くHTML/CSSで作れないのなら、それは
いかにしてHTML/CSSで早く作れるようにするかを学ぶ時
間にした方がいい。
時間は上手に使いましょう。
Why we skip Photoshop by Jason Fried of 37signals
http://37signals.com/svn/posts/1061-why-we-skip-photoshop

12. 時間の無駄。時間は上手に使いましょう

13. だから、もうインブラウザでやっちゃえ