最近では当たり前のようにレスポンシブWebデザインを取り入れたサイトが増えてきました。しかし、レスポンシブ化するにはある程度デザインが制約させるので、まだまだ実案件ではこれからといった方も多いのでは。
そこで、改めてレスポンシブWebデザインを学んでおきたい方のためのスライドをまとめました。
レスポンシブWebデザインの基本概念やメリットデメリットなどを解説。
レスポンシブWebデザインのワークフローから実装方法までを網羅。
実際の制作過程のコツをざっくりと解説。
CSSフレームワーク「Kube」を使った制作の解説。
viewportの概念やメディアクエリーの使い方などを解説。
最近では当たり前のようにレスポンシブWebデザインを取り入れたサイトが増えてきました。しかし、レスポンシブ化するにはある程度デザインが制約させるので、まだまだ実案件ではこれからといった方も多いのでは。
そこで、改めてレスポンシブWebデザインを学んでおきたい方のためのスライドをまとめました。
レスポンシブWebデザインを解説したスライド
1. レスポンシブ・ウェブデザイン
レスポンシブWebデザインの基本概念やメリットデメリットなどを解説。
レスポンシブ・ウェブデザイン -Responsive web design-
http://www.slideshare.net/CreativeSurvey/responsive-web-design-138341572. レスポンシブ・ウェブデザイン基礎
レスポンシブWebデザインのワークフローから実装方法までを網羅。
レスポンシブ・ウェブデザイン基礎
http://www.slideshare.net/gaspanik/ss-132911153. レスポンシブWebデザイン ワークフロー
実際の制作過程のコツをざっくりと解説。
レスポンシブWebデザイン ワークフロー
http://www.slideshare.net/HiroyukiOgawa/web-166624454. CSSフレームワークを使った簡単なレスポンシブデザインの作成
CSSフレームワーク「Kube」を使った制作の解説。
CSSフレームワークを使った 簡単なレスポンシブデザインの作成
http://www.slideshare.net/kazukiakiyama90/css-172978885. レスポンシブWebデザインを学ぼう！実装編
viewportの概念やメディアクエリーの使い方などを解説。
ADC OnAir 第5回 『レスポンシブ Web デザインを学ぼう！実装編』
http://www.slideshare.net/ssuser99dc16/adconair-rwd-0704?13547049関連するトピックス