chevron_left

HTML5/CSS3実演生放送 -初心者がつまづくポイントと実践的スキルを解説します-
PREMIUM
第1回

HTML5/CSS3実演生放送 -レスポンシブデザインのページを作ってみよう-

2018年1月25日 60min
HTML5/CSS3実演生放送 -レスポンシブデザインのページを作ってみよう- play_arrow おためし受講

スライド資料

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

1 / 17

授業の概要

レスポンシブデザインのページ作成をポイント毎に生放送で実演します。

※内容は変更となる場合がございます。予めご了承ください。

担当の先生／パーソナリティ

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
オープニング
00:39
play_arrow
自己紹介
00:29
play_arrow
この授業シリーズの流れ
00:43
play_arrow
【皆さんへの質問】レスポンシブデザインページを作成したことはありますか？
02:15
play_arrow
レスポンシブデザインのポイント
01:33
play_arrow
・フルーイドデザイン
02:38
play_arrow
・画像の伸縮
00:21
play_arrow
　ーレスポンシブデザインの作業の流れ
00:59
play_arrow
　ーデモンストレーション
18:16
play_arrow
・メディアクエリ
01:39
play_arrow
　ーデモンストレーション
18:25
play_arrow
おまけ
04:10
play_arrow
質疑応答
04:47
play_arrow
まとめ
00:43
play_arrow
今回のサンプルファイル
00:17
play_arrow
先生からのお知らせ
01:25
play_arrow
エンディング
play_arrow
Q.flexbox、ディスプレイ テーブルセル、インラインブロックの使い分けはどのようにしたらよいでしょうか？
01:20
play_arrow
Q.flexを使用したレイアウトが増えてきていますが、先生はレイアウトする際、floatはまったく使用しないのでしょうか？
01:06
play_arrow
Q.単位の指定に関して、pxにて統一すべきか、もしくはSPだとremや％、PCではpx、といったように混在していても良いものなのでしょうか？

授業紹介コメント

  • 狩野 祐東
    先生

    狩野 祐東

    近年、Webサイトの開発スピードが速くなっている一方で、一度公開したら更新しながら同じソースコードを長く使い続けるケースが増えています。本講座では、スピード感を持って開発しながら、管理のしやすいソースコードを書く方法を、実演を交えながら受講生の皆さんと一緒に考えていきたいと思っています。
    これからのWebデザインのために、積極的な意見交換ができる場にしましょう！