HTML及びCSS

2019-06-15

上位に移動

概要

最初に学ぶべきHTMLとCSSの格安教材を紹介します。現在はLinkdIn PremiumとドットインストールPREMIUMだけです。

調査年月:2019-05

HTMLセマンティック要素

<article><aside><details>などおよそ100ある。詳細はMDN参照。

提供元 教材名備考
LinkedIn Premium HTML5 基本講座の中で解説動画339分の一部
ドットインストール PREMIUM 詳解HTML 基礎文法編 の中で解説 動画30本の一部

CSSの基本(配置方法、ボックスモデル、等)

提供元 教材名備考
LinkedIn Premium CSS 基本講座の中で解説動画256分の一部
ドットインストール PREMIUM 詳解CSS 基礎文法編の中で解説 動画37本の一部

Flexbox

提供元 教材名備考
LinkedIn Premium Flexbox 入門動画75分
ドットインストール PREMIUM 詳解CSS Flexbox編動画15本

CSSグリッド

提供元 教材名備考
LinkedIn Premium CSS レイアウト講座の中で解説動画92分の一部
ドットインストール PREMIUM 詳解CSS グリッドレイアウト編動画10本

CSS変数(カスタムプロパティ)

これについてはMDNで説明されている。

提供元 教材名備考
LinkedIn Premium コース: ウィークリー Web デザインシリーズ
CSSの中で変数を使ってみよう!
CSSの中で変数を使った計算をやってみよう!
動画7.6分
ドットインストール PREMIUM 詳解CSS 変数編動画8本

ブラウザ開発者ツール

Google Chrome

提供元 教材名 備考
LinkedIn Premium Google Chromeの開発者ツール動画6.2分
ドットインストール(無料) Chrome Developer Tools入門動画25.6分

上位に移動

Posted by pitang1965