1ヶ月でWebデザイン・プログラミングスキルをオーダーメイドのカリキュラムで学べるスクール、それがWebCamp。

爆速で開発を終わらせる!Bootstrapチートシートがチートすぎる

Bootstrap 4 Cheat Sheet
Pocket

Bootstrapとは、Twitter社が開発したCSSのフレームワークです。通常は自分でスタイルを実装していく必要がありますが、Bootstrapを利用すれば、ボタンやフォームなど既に用意されているスタイルを適用するだけで、誰でも素早く整ったデザインのページを作ることが可能になります。

今回は、さらに簡単かつ素早くスタイルを開発できるブートストラップのチートシートをご紹介します。

プレビューを見ながらコードを確認できるチートシート

既存のBootstrapのチートシートというのは、Bootstrap 3 cheat sheetのように、グリッドなどに使われているスタイルをPDFにまとめたものでした。一方で、今回ご紹介するBootstrap 4 Cheat Sheetは、要素をクリックするとコード・スニペットとプレビューを表示してくれる便利なチートシートです。

Bootstrap 4 Cheat Sheet
「Code snippet」右上のCopyボタンを押すと、一発でコードをコピーすることができます。プレビューを見ながらコードをコピーできるので非常にわかりやすいです。

Bootstrap 4 Cheat Sheet2
Alert、Dropdown、Form、ProgressなどBootstrapで使われているほとんどのトピックを網羅しています。また、各要素の右横の?マークに公式ドキュメントへのリンクが貼ってあるので、詳細な情報を手に入れたい場合はそちらを参照するといいでしょう。
Webサイトをさらに早くかつ簡単にコーディングしたい方はぜひ利用してみてください。

投稿者:プロスタ編集部

  • このエントリーをはてなブックマークに追加

おすすめスクール

全国30校舎で展開されるヒューマンアカデミーのWeb講座は修了者数4万人超、講師とカリキュラムの満足度がどちらも9割を超えています。就職や転職に必要なレベルの実務スキルを身に付けられます。

WebCampは、一ヶ月の短期集中でWebデザイン、プログラミングスキルを習得するスクールです。学習効果の高い反転授業(自主学習でインプット、講義でアウトプット)を採用し、年間1000名を輩出しています。

この記事が気に入ったら
いいね!しよう

プロスタの最新情報をお届けします

あわせて読みたい

関連記事

イチ押しランキング

1リナックスアカデミー

リナックスアカデミー

2システムアーキテクチュアナレッジ

システムアーキテクチュアナレッジ

3WEB塾

WEB塾

メールマガジン

ページ上部へ戻る