IT・個人事業

Bootstrapの基礎#1

公開:

※ 本記事にはアフィリエイト広告(Amazonアソシエイト・楽天アフィリエイト等)が含まれています。

ブレークポイント

こちら

アラート

こちら

他のライブラリ

Bootstrap以外にもCSSフレームワークはたくさんあります。私が調べたなかで気になったものを、それぞれの特徴とあわせてメモしておきます。用途や好みで選べるように、いくつか候補を知っておくと便利です。

Foundation

レスポンシブ対応に強い老舗のフレームワークです。Bootstrapと同じくグリッドやコンポーネントが一通りそろっていて、細かくカスタマイズしたい人に向いているという印象でした。

こちら

Pure

Bootstrapほどの機能はありませんが、ファイルサイズがとても小さく、読み込み時間などを短縮できます。必要最低限の見た目を軽く整えたいときに向いています。

こちら

tailwindcss

あらかじめ用意されたユーティリティクラスを組み合わせてスタイルを作っていくタイプのフレームワークです。HTMLに直接クラスを書いていく感覚で、細かいデザインを自由に組めるのが特徴です。

こちら

UIkit

モジュール式で軽量なCSSフレームワークです。モダンで洗練された見た目のコンポーネントがそろっていて、シンプルにきれいなUIを作りたいときに便利だと感じました。

こちら

MVP.css

クラスを追加することなく使用できるCSSライブラリです。標準のHTMLタグに自動でスタイルが当たるので、素のHTMLを書くだけでそれなりに整った見た目になります。手早くプロトタイプを作りたいときに重宝します。

こちら

ぜひ参考にしてください!また!