注目キーワード
  1. Wordpress
  2. テーマ
  3. プラグイン
  4. SEO
  5. 集客

CSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワーク・「Open Props」


目次

Open Props


Open PropsはCSS変数ベースで一貫したデザインのコンポーネント構築できるCSSフレームワークです。

Google Chormeの開発に関わっている方が開発されたみたいでMITライセンスの元でソースコードが公開されています。

ユーティリティファーストな設計となっていますが、classではなく、ユーティリティ変数で構成されています。

@import "https://unpkg.com/open-props"; .block-wrap { display: flex; flex-wrap: wrap; flex-basis: var(--size-content-2); gap: var(--size-5) var(--size-8); align-items: flex-start; }
Ads

Webサイトの設計に必要になる設定が既に定義されているので任意の要素にそれぞれの変数を当てればいいだけなので一貫したスタイルのコンポーネントの管理に貢献してくれます。

某所ではGoogle chrome開発チームによるTailwind代替とありましたが、そうではない様であくまで個人のサイドプロジェクトの様です。

Open Props

#wordpress #ワードプレス #SEO #集客

「かちびと.net」を閲覧する

最新情報をチェックしよう!
>WordPressに関連する情報まとめ

WordPressに関連する情報まとめ

ブログ / ホームページの価値の最大化をさせるCMS、WordPress(ワードプレス)。フリーのブログとは違い、いくらか敷居の高い印象がありますが、一つ一つクリアにしてみるときっとあなたもWordPressのパワーの恩恵に預かれると思います。当サイトを見て、まずはトライしてみましょう!

CTR IMG