自動再生モード
自動完了モード
前のレクチャー
完了して次へ
フロントエンドデベロッパー ①HTMLとCSS
フロントエンドデベロッパーオリエンテーション
フロントエンドデベロッパーオリエンテーション
このプログラムで学べること
Lesson1 HTMLとは
HTMLって何?
いろんなHTMLに触れてみよう
必要な道具を用意しよう「ブラウザ」
必要な道具を用意しよう「テキストエディタ」
HTMLテンプレートを書いて基本構造を理解しよう(その1)
HTMLテンプレートを書いて基本構造を理解しよう(その2)
HTMLテンプレートを書いて基本構造を理解しよう(その3)
head要素を書いて属性を理解しよう Part1
head要素を書いて属性を理解しよう Part2
グローバル属性について
body要素のアウトラインを作る Part1
body要素のアウトラインを作る Part2
Lesson2 よく使うHTMLタグ
よく使うHTMLタグ(p、div、span)
よく使うHTMLタグ(ol / ul / li、dl / dt / dd)
よく使うHTMLタグ(strong、br、img)
よく使うHTMLタグ(a)
Lesson3 CSSとは
CSSとは?
CSSのルールセット
CSSの構文
コメント
タグのセレクタ
属性のセレクタ
セレクタの利用
CSSリファレンスの利用
デベロッパーツール
CSSにおける単位
CSSにおける単位(問題)
CSSにおける色の設定
色の識別
さいごに
Lesson4 CSS実践演習プログラム
CSSの実践演習プログラムへようこそ
セレクタの作成
属性の利用
よく使うCSSプロパティ Part1
よく使うCSSプロパティ Part2
よく使うCSSプロパディ Part3
ボックスモデル
よく使うCSSプロパティ Part4
よく使うCSSプロパティ Part5
画像のスタイル
フォントのスタイル
Lesson5 テキストエディタのおすすめ設定
Sublime TextとAtomのキーボードショートカット
Sublime TextとAtomの拡張
Sublime Textのパッケージとテーマのインストール
おすすめのパッケージ
おすすめのテーマ
Lesson6 レスポンシブデザイン基礎1
なぜレスポンシブが必要なのか
Viewportの定義
Viewportの設定
Viewportの設定(実践)
大きな固定の要素幅
要素の最大幅
タップターゲットのサイズ
小さく始めよう
プロジェクトの開設
まとめ
Lesson7 レスポンシブデザイン基礎2
はじめに
基本的なメディアクエリ
基本的なメディアクエリの追加(その1)
基本的なメディアクエリの追加(その2)
メディアクエリの次のステップ
実践:どのスタイルが適用されるか?
ブレイクポイント(その1)
ブレイクポイント(その2)
ブレイクポイントの選定(その1)
ブレイクポイントの選定(その2)
グリッド
Flexboxの導入
Flexboxのコンテナ
Flexアイテム
Flexレイアウトでの装飾
レスポンシブデザインのまとめ
Lesson8 よく使われているレスポンシブパターン
よく使われているレスポンシブパターン(はじめに)
Column Drop(列ドロップ)
Mostly Fluid(流動的なパターン)
Fluid(流動的)レイアウトの組み合わせ
Layout Shifter(レイアウトのシフト)
よく使われているレスポンシブパターン(まとめ)
HTMLテンプレートを書いて基本構造を理解しよう(その1)
本コンテンツはまだ開放されていません。
すでに登録している場合は、
ログインする必要があります
.
ロックを解除するコースに登録する