chevron_left

レスポンシブ基礎 〜Webサイトをレスポンシブにする方法とそのメリット〜

PREMIUM

スライド資料

会員登録して、全てのスライドを見よう

1 / 66

授業の概要

今やスタンダードになりつつあるレスポンシブサイトについて、

その概要から実際にレスポンシブサイトを構築する際に注意したいポイントまでを解説します。

また、実際にWebサイトをレスポンシブ対応する際のメリット・デメリット、レスポンシブ化するのに有効なサイト、不向きなサイト、最低限押さえておきたいソースコードなどをご紹介します。

授業では以下の様な内容についても語ります。
・PC,SPと2つサイトを作るのと、レスポンシブサイト1つ作るのじゃ大変さは変わるのか?
・Googleが推奨してるけど、それはなぜ?
・なぜレスポンシブサイトが必要なのか?

こんな人にオススメ

レスポンシブ構築を検討しているデザイナー、フロントエンドエンジニア

チャプター

play_arrow
自己紹介&アジェンダ
02:42
play_arrow
レスポンシブサイトとは
01:25
play_arrow
レスポンシブサイト、なぜ必要なんでしょう?
04:55
play_arrow
レスポンシブ化するメリットデメリット
04:25
play_arrow
費用、工数ってどれくらい変わるの?
02:22
play_arrow
向いてるサイト、向いてないサイト
02:02
play_arrow
SEOに有効といわれる理由
07:00
play_arrow
構築のポイント
03:31
play_arrow
HTML,CSS,JS
07:25
play_arrow
画像とかの話
08:05
play_arrow
参考になるサイト:完全なレスポンシブサイト
03:20
play_arrow
参考になるサイト:ちょいレスポンシブサイト
02:12
play_arrow
まとめ
02:48
play_arrow
Q:フラッシュは使えないのですか?
00:57
play_arrow
Q:デバイスサイズたくさんありますがブレイクポイントはどこで作っていますか?
02:39
play_arrow
Q:画像の大きさの基準はありますか?
00:52
play_arrow
Q:既存のサイトをレスポンシブに簡単に切り替える技はありますか?
00:54
play_arrow
Q:LIGさんのホームページを、レスポンシブデザインにしなかった理由が知りたいです。
02:23
play_arrow
Q:レスポンシブにした場合でも、印刷するときにページ全体を表示させるにはどうしたら良いでしょうか。
01:49
play_arrow
Q:レイアウトを考えるときスマホサイズから始めるのと、PCサイズから始めるのとどちらが効率的でしょうか?
02:19
play_arrow
Q:レスポンシブにするときに、文章の改行ポイントがコントロールできないのが難しいです。
02:48
play_arrow
Q:一般企業サイトなどもレスポンシブサイトで作ることはありですか?
02:57
play_arrow
Q:JSプラグインを入れると負荷がかかりますか?
01:15
play_arrow
Q:スマホのデザインする時は、横幅何pxでデザインしますか?