CSSフレームワーク「Bootstrap4」を独学でマスターできるYoutube動画まとめ。使い方を入門して，素早いWebデザインに役立てよう
Webデザインを素早く仕上げるための「CSSフレームワーク」として最も有名な「Bootstrap」。
その最新バージョンを，独学でマスターするために役立つYoutube動画のまとめ。
designmodoさんによる手短な紹介
「Bootstrap 4 Tutorials」シリーズ，designmodoさんによるレクチャー。
最も基本のCSSクラスの使い方と見え方を順番に解説。
Bootstrapを使ったデザインの基本的な方針がよくわかる。
最終更新日: 2016/03/14
Bootstrap 4 CSS (Part 1 Tutorial) - YouTube
https://www.youtube.com/watch?v=6M74rkwQP5g
- 2015/11/19 に公開, by designmodo
Bootstrap 4 CSS (Part 2 Tutorial) - YouTube
https://www.youtube.com/watch?v=P2P2QrG59E8
- 2015/12/09 に公開, by designmodo
Quentin Watt Tutorialsさんによる，各要素の詳しいデザイン方法
Quentin Watt Tutorialsさんによるレクチャー。英語。
Bootstrapのインストール方法からはじめて，グリッドやボタン，カルーセルなどへ。
最終更新日: 2015/10/01
- 1. Bootstrap tutorial 1 - Introduction to Bootstrap
- 2. Bootstrap tutorial 2 - Installing Bootstrap the CDN way
- 3. Bootstrap tutorial 3 - Installing Bootstrap locally
- 4. Bootstrap tutorial 4 - The bootstrap grid explained
- 5. Bootstrap tutorial 5 - Using the grid
- 6. Bootstrap tutorial 6 - Nesting the grid
- 7. Bootstrap tutorial 7 - Push and Pull
- 8. Bootstrap tutorial 8 - Typography Classes
- 9. Bootstrap tutorial 9 - Tables
- 10. Bootstrap tutorial 10 - Images
- 11. Bootstrap tutorial 11 - Buttons
- 12. Bootstrap tutorial 12 - Basic forms
- 13. Bootstrap tutorial 13 - Horizontal forms
- 14. Bootstrap tutorial 14 - List Group
- 15. Bootstrap tutorial 15 - Jumbotrons and Wells
- 16. Bootstrap tutorial 16 - Dropdowns
- 17. Bootstrap tutorial 17 - Navigation
- 18. Bootstrap tutorial 18 - Navbar
- 19. Bootstrap tutorial 19 - Collapse
- 20. Bootstrap tutorial 20 - Modal
- 21. Bootstrap tutorial 21 - Carousel (Slideshow)
- 22. Bootstrap tutorial 22 - Creating a simple page layout (final video)
上記のような内容を，一つの動画にまとめて１時間ほどで解説した動画もある。
Bootstrap Tutorial - YouTube
https://www.youtube.com/watch?v=gqOEoUR5RHg
- 2015/11/08 に公開, by Derek Banas
Brad Husseyさんによる，わかる人向けのチュートリアル
「Bootstrap 4 - Free Responsive Web Design Tutorials」シリーズ，
Brad Husseyさんが作成。
最終更新日: 2015/12/28
SASSの話なんかも含めつつ，Bootstrap 3から4への変更点を説明。
- 1. Bootstrap 4 Tutorial [#1] What's New in Bootstrap 4?
- 2. Bootstrap 4 Tutorial [#2] Download & Install Bootstrap 4
- 3. Bootstrap 4 Tutorial [#3] Download Course Files + Project Walkthrough
- 4. Bootstrap 4 Tutorial [#4] Code a Responsive Website (Part 1)
- 5. Bootstrap 4 Tutorial [#5] Hand-code a Responsive Website (Part 2)
- 6. Bootstrap 4 Tutorial [#6] Code a Responsive Website (Part 3)
- 7. Bootstrap 4 Tutorial [#7] Free Template Examples
- 8. Bootstrap 4 Tutorial [#8] Code a Startup Website
- 9. Bootstrap 4 Tutorial [#9] Code a Startup Website (Part 2)
- 10. Bootstrap 4 Tutorial [#10] Code a Startup Website (Part 3)
- 11. Bootstrap 4 Tutorial [#11] Download & Install SASS
- 12. Bootstrap 4 Tutorial [#12] SASS Organization & Workflow
- 13. Bootstrap 4 Tutorial [#13] Wrap Up & What's Next
