独学者・初心者向けプログラミング・SEO入門サイトゼロイチ-TOPエンジニア向けキャリアBootstrap入門jQuery入門プログラミング・イベント検索ゼロイチ-TOP初心者向けcss軽量なCSSフレームワークBulma(ブルマ)のご紹介2019-02-092019-04-01軽量なCSSフレームワークBulma(ブルマ)のご紹介プログラミング言語にかからず、フロントページのコーディングには必ずHTMLとCSSの知識が必要になります。スマホが普及している昨今ではレシポンシブデザインなども必要になってきており、フロントエンドで考えることが増加しています。Bulma(ブルマ)とはBootstrapなどと同様でCSSのフレームワークになります。拡張性が高いとなります。Sassに対応しています。利用に関してはCDNやnpm、Gitでのダウンロード対応が可能です。軽量であることを目指しているためBootstrapのようなjQueryの拡張コンポーネントなどは現在提供されていません。その為モーダルやポップアップ表示などは単純にJavascriptかjQueryを利用する必要があります。IE11の対応は90%くらいになりますので、IEを想定している場合はご注意ください。それ以外のiOSやAndroidなどは対応しております。迷わない!WEBサイト配色の3ステップBulma(ブルマ)でできること最新のCSSフレームワークである為、他のCSSフレームワークで提供されている機能はすべて対応しております。※Sassはコンパイルが必要ですので知識がない方はまずはCDNで利用感を確かめる事をお勧めします。Npmでダウンロードの3つの方法があります。CDNで利用する場合htmlのヘッダーなどで以下を追加すればそのまま利用できます。href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css">NpmでダウンロードするLinuxやMacのターミナルで以下Commandを実行します。bulma※npmのバージョンによってはインストールできない場合があるので、npmのバージョンアップが必要になる場合があります。GitからダウンロードGitからダウンロード以上になります。