HTML/CSSフレームワーク

2020-01-11

上位に移動

概要

HTML/CSSフレームワークの格安教材（ LinkedIn PremiumとドットインストールPREMIUM、それとUdemyの有料及び無料の★4.5以上の動画、YouTube）を紹介します。

HTML/CSSフレームワークは少し意味がなくなりつつあるが、それでもまだ１つ学ぶことが勧められるそうです。

  • Bootstrap
  • Tailwind CSS
  • Masterialize
  • Bulma

調査年月：2020-01

Bootstrap

  • UI及びテーマのためのフロントエンドフレームワーク
  • HTML/CSS/JavaScriptを含む
  • レスポンシブ、モバイルファーストなWebアプリケーション及びWebサイトの構築に使われる
  • 圧倒的に人気なフレームワーク
  • 使用する理由
    • 開発速度の向上
    • レスポンシブ
    • 一貫性（クラス名など）
    • カスタマイズ可能
    • サポート（多くの人が使っている）
提供元教材名備考
LinkedIn PremiumBootstrap 4 基本講座動画352分
Bootstrapを使ったレスポンシブWebデザイン動画143分
ドットインストール PREMIUMBootstrap 4入門動画22本
UdemyBootstrap 4 From Scratch With 5 Projects動画690分
Build Modern Responsive Website With HTML5, CSS3 & Bootstrap動画780分
Bootstrap 4 – Create 4 Real World Projects動画600分
その他Bootstrap、English、★4.5以上で69個検索された。
Bootstrap 4入門
Bootstrap Beginner Crash Course

Tailwind CSS

提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
UdemyFacebook Clone with Laravel, TDD, Vue & Tailwind CSS動画548分
その他tailwind-css、English、★4.5以上で1個検だけ索された。
Tailwind CSS Crash Course

Masterialize

提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
Udemyn/a
Materialize CSS Crash Course [Part 1]

Bulma

提供元教材名備考
LinkedIn Premiumn/a
ドットインストール PREMIUMn/a
UdemyCode a Small Business Website using popular web frameworks動画の一部（約83分）で説明
Bulma CSS Framework Crash Course

上位に移動

Posted by pitang1965