Re:Cre Vol.14 | Web design process for the future
•
73 likes•8,319 views
第14回リクリセミナー「Web制作の未来、あなたの未来」最終版
Recommended
More Related Content
What's hot
What's hot (20)
Similar to Re:Cre Vol.14 | Web design process for the future
Similar to Re:Cre Vol.14 | Web design process for the future (20)
More from masaaki komori
More from masaaki komori (20)
Re:Cre Vol.14 | Web design process for the future
- 1. Web Design Process for The Future 2013.07.27 こもりまさあき Re:Creator's Seminar Vol. 14
- 10. “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/
- 13. Androidめ…
- 14. という声も聞かれる昨今
- 22. “The primary design principle underlying the Web’s usefulness and growth is universality. ••• And it should be accessible from any kind of hardware that can connect to the Internet: stationary or mobile, small screen or large. Long Live the Web: A Call for Continued Open Standards and Neutrality: Scientific American http://www.scientificamerican.com/article.cfm?id=long-live-the-web by Tim Berners-Lee
- 23. “If you think about it, responsive layout is not a new thing. Open a simple HTML file in a web browser, and the content automatically adapts to fit the width of that browser. The web is responsive on its own—by default. Responsive by default http://blog.andyhume.net/responsive-by-default/ by Andy Hume
- 29. そろそろ過去のモノ
- 34. Responsive Web Designというか、Future Friendlyに
- 38. Content Choreography Content Choreograpy http://trentwalton.com/2011/07/14/content-choreography/ Choreography: バレエやダンスの振り付け
- 40. A technique for re-arranging layouts using CSS in responsive web design http://www.jordanm.co.uk/lab/contentchoreography
- 42. Webサイトの表示スピードも大事
- 49. Requirejs LESS Bower Node.js PhantomJS Web Fonts Grunt Responsive Images Style Guide JShint localStorage Jasmine Curljs
- 54. さて、未来の話をしましょう
- 56. NYTimes for Leap Motion https://airspace.leapmotion.com/apps/nytimes-for-leap-motion/
- 60. Is This The Future Of The Airline Website? http://www.f-i.com/fi/airlines/
- 62. これまでのWebに対する考えを
- 63. refactoring
- 75. “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 by Jason Fried
- 81. refactoring
- 85. “Managing more than 200 PSD files is not only tedious, but it can produce minor discrepancies between comps of the same page at different breakpoints. Case Study: Responsive Design for Time.com http://appendto.com/case-study/responsive-design-time-com by appendTo
- 86. 無理、無理（笑）
- 88. Designing in The Browser
- 90. Deciding in The Browser
- 95. refactoring
- 97. 決して分業が悪いわけではない
- 100. 右へならえ文化もほどほどに
- 102. 自分たちにあったワークフローを考えよう
- 104. “We’ve found that the best way forward is to pull all members of a team together to design, build, test and then evaluate in multiple quick rounds. Content Choreography http://trentwalton.com/2011/07/14/content-choreography/ by Trent Walton
- 107. refactoring
- 108. The Future Design Process
- 110. 定番の幕の内弁当
- 113. 足りないままガマンするのがいいのか？
- 114. Web制作のツールは、日に日に便利に
- 122. refactoring
- 123. 複雑化しているWeb制作の現場
- 124. いきなり作り始めた方が早いこともある
- 126. そういう時、頼りになるのはフレームワーク
- 132. 使ってみたけど、うまく扱えなかった？
- 133. たぶん、それわかってない
- 137. そんな中、CSSの記述はどんどん複雑に…
- 145. Scalable and Modular Architecture for CSS http://smacss.com/
- 146. <a class="btn btn-primary btn-large">Learn more </a> ボタンの基本スタイル ボタン青くして ボタン大きくして
- 150. Pears http://pea.rs/
- 156. 最初の設計とドキュメンテーションが大事
- 174. 世の中には「適材適所」という言葉がある
- 176. あるよ
- 194. こういうのも形になりつつあるし
- 196. <polymer-element name="tk-element-databinding-color"> <template> This is a <strong>{{owner}}</strong>'s tk-element. {{owner}} likes the color <span style="color: {{color}}">{{color}}</span>. </template> <script> Polymer('tk-element-databinding-color', { owner: "Daniel", color: "red" }); </script> </polymer-element> <!DOCTYPE html> <html> <head> <script src="polymer-all/polymer/polymer.js"></script> <link rel="import" href="tk-element-databinding-color.html"> </head> <body> <tk-element-databinding-color></tk-element-databinding-color> </body> </html> index.html tk-element-databinding-color.html
- 200. $ casperjs screenshots.js http://demosite.dev/
- 218. 時間は有効に。繰り返しの作業はしない
- 220. どれが最新ファイル？
- 221. あと、ファイルの先祖返り…。誰だー！
- 222. 無駄
- 224. たとえ、ぼっち駆動開発（BDD）でも
- 233. ホスティングだって、どんどん変わっている
- 237. アプリケーションプラットフォームも瞬時に
- 240. もはや、インフラのことすら気にしない
- 242. “From Pencil to finished Product in 8 hours From Pencil to finished Product in 8 hours http://vslck.im/articles/pencil-to-product by Dominik Schmidt
- 244. 先にやったもん勝ち
- 245. そのためにはどうすればいい？
- 246. 力の入れどころを間違えないように
- 248. あとね、英語やったほうがいいね
- 250. 本日はありがとうございました