人気CSSフレームワークBulmaをWordPressで使えるようにする
目次見た目を整えるCSSの雛形・テンプレート「bulma」をwordpressで使う方法を紹介します。 サイトの見た目を決めるのはCSSなんですが、スマホでも自動でサイズを変えてくれたり、コンテンツの幅やカラム、ナビゲーション、タイトル、ボタンなど、見た目を設定する手間を省いて、あらかじめ用意してくれているとても便利なものです。 cssのテンプレートで有名なbootstrapと同じぐらいbulmaは有名になりつつあります。 bulma公式サイト ボックスやボタンなど色々ありまして、簡単に同じデザインが使えるので便利ですねー。 他にもたくさん使えるものがあるので詳しくはこちらへ wordpressでbulmaを使うにはcssファイルを読み込む必要があります。 headerで読み込ませる方法簡単なのはheader.phpの中のheadタグ内に追加する方法です。 header.php //css
CSSを書くのが劇的に楽になる！ユーティリティファーストのCSSフレームワーク「Tailwind CSS」
日本でも、Tailwind CSSを使用する人が増えてきましたね。 フロントエンドの開発者がTailwind CSSを実際に使い始めたら、CSSを書くのが劇的に楽になった話を紹介します。 How I Stopped to Write CSS by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに Tailwind CSSとは カードコンポーネントで実装の比較 BootstrapとTailwind CSSの比較 Bootstrapがそんなに恋しいですか？ BootstrapとTailwind CSSのどちらを使えばよいか？ CSSにかかる時間はかなり少なくなりました はじめに 私はCSSアーキテクチャにフォーカスしたフロントエンド開発者として、コードを書くために最高の方法を使いたいと思っています
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブルマがすごい！外部CSSを一つ加えるだけで今時のコンポーネントやエレメント、レイアウトが簡単に利用できる -Bulma
スマホアプリのUIを再現できるCSSフレームワークまとめ
