
CSS レイアウト - flex & grid
uknow
CSSレイアウト技術の代表ランナーフレックスとグリッドの概念と使い方を勉強できる講義です。
初級
HTML/CSS, Flex
さまざまなデバイスや画面でサービスを提供できる「レスポンシブ ウェブサイト」を作成するために必要な基本的なスキルを確実に習得できる講座です。
受講生 4,495名
難易度 初級
受講期間 無制限

学習した受講者のレビュー
5.0
김이주
きれいで簡単な説明はとても良いです! フロントエンド開発者を準備していますが、思ったよりよく分からない内容が多くて整理するのに役立ちます!
5.0
일월
レスポンシブが大体どのように実装されるべきかがありました。
5.0
leaver77
助けました。
HTML
CSS
可変グリッド
可変画像
メディア クエリ
ウェブサイト開発必須スキル、
レスポンシブウェブについて学びましょう!
レスポンシブウェブとは、さまざまな機器やブラウザのサイズに合わせて構成やサイズを変更していき、反応するウェブ文書またはそれを作るために使用する技法などを意味する言葉です。本講義は、レスポンシブウェブを作るために必要な必須スキルを紹介する講義です。
各クラスは次のような流れで行われます。
HTML、CSSの経験を持っている方なら誰でも気軽に勉強できるようにするために、必ず必要な主な概念中心に内容を整理しました。このレッスンは、長い時間を費やすことなくレスポンシブWebを作成するときに必要な基礎を整えるのに役立つことに焦点を当てて作成したレッスンです。
レスポンシブWebが何であるか、なぜ必要なのか、どこから始めるのかを学びます。
可変グリッド、可変画像、メディアクエリなど、さまざまなスキルについて学びます。
効率的な設計方法論の紹介とそのアプローチについて学びます。
基礎理論について学んだ後は、一緒に簡単なレスポンシブWebページを作ってみましょう。
本講義は、ユノコーディングの既存の無料講義である「入門者のためのHTML基礎講義」と「入門者のためのCSS基礎講義」受講生の方々に補足授業を提供しようとした講義です。 InflearnまたはUnocodingのYouTubeチャンネルでそのレッスンを参考にしたり、既存のHTMLやCSS学習の経験がある場合は、レッスンを受講することもできます。
ほとんどの映像にはコードを作成するシーンが登場しますが、やや映像が退屈になる可能性があると判断し、ほとんど倍速処理をしました。したがって、コーディング実習に従う場合は、一時停止機能を適切に活用していきながら、実習を進めることをお勧めします!
学習対象は
誰でしょう?
HTML/CSSを勉強中または勉強したことがある人
CSS スキルアップを希望する人
レスポンシブ ウェブの作成に興味のある人
前提知識、
必要でしょうか?
HTML
CSS
18,439
受講生
988
受講レビュー
31
回答
5.0
講座評価
7
講座
元開発者のパラレルワーカー・クリエイター。
プログラミング講師兼作家として活動しています。
YouTubeチャンネル「ユノコーディング」を運営中です。
学びの過程で経験する不必要な苦しみが消えることを願い、またそうあるべきだと信じています。経験者の誠実さと経験を分かち合えば、苦しみは減らすことができます。
学びの過程で経験する不必要な苦しみはなくすべきであり、またそうあるべきだと信じています。
経験者の誠実さと経験を分かち合えば、苦しみは減らすことができます。
私のすべての講義コンテンツで、そのような思いを感じていただけるよう努力いたします。
多くの方々がコーディングを楽しく感じ、シンプルに理解できるようお手伝いするために、常に最善を尽くしています。
ありがとうございます^^
全体
16件 ∙ (2時間 47分)
講座資料(こうぎしりょう):
1. 講義紹介
04:01
2. レスポンシブWebの概要
10:39
3. 相対単位 em rem
14:11
5. 可変レイアウト(可変グリッド)
14:35
6. CSS関数の概念とcalc()
10:34
7. メディアクエリ
11:40
8. 可変画像
11:08
9. 可変動画
12:16
10. モジュール化設計
09:51
16. 講義仕上げ
03:48
全体
139件
5.0
139件の受講レビュー
受講レビュー 1
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 2
∙
平均評価 5.0
受講レビュー 3
∙
平均評価 5.0
受講レビュー 11
∙
平均評価 4.7
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!
無料