タグ CSS変数
人気順 5 users 50 users 100 users 500 users 1000 usersこれまでとは異なるCSSフレームワークが登場! 一貫性のあるUIコンポーネントを簡単に実装できる -Open Props
これまでとは異なるCSSフレームワークが登場しました! Tailwind CSSのようにユーティリティファーストで、すべての値がCSS変数(カスタムプロパティ)で記述されています。レスポンシブ対応で一貫性のあるUIコンポーネントを簡単に、素早く実装できます。 単独でも他のフレームワークとの併用も可能で、カラーのみグラ... 続きを読む
知っておくと、すごく便利!CSS変数の優れた使い方 | コリス
CSS変数(カスタムプロパティ)は、文字通りCSSで変数が使用できるので非常に便利です。CSS変数の使い方でよく聞くのはカラーですが、それ以外にもさまざまな優れた使い方があります。 WebサイトやスマホアプリのUIで、特にコンポーネントのバリエーションを実装するのに役立つCSS変数の使い方を紹介します。 Practical ... 続きを読む
ユーティリティファーストなCSSを設計するためのCSS変数を提供する・「Pollen」 | かちびと.net
Pollen Pollenは一貫したスタイルやユーティリティファーストなCSSを設計するためのCSS変数を提供するスタイルシートです。 中身は全てCSS変数のみで構成されており、既に定義付けられていますので、classを変えることなく既存のCSSにも利用する事が可能です。 ファイルはTypography、Colors、Layout、UIの4つに分けられ... 続きを読む
フロントエンドコーディング時によく利用するジェネレーターサイト - Qiita
CSS CSS Gradient CSSグラデーションのジェネレーターサイトはたくさん利用してみましたが、このサイトのUIが一番使いやすかったので利用しています。 Sass Color Generator Sassの色を調整する関数はCSS変数を扱えないので、CSS変数で管理している色をルールに基づき調整したい時に使っています。 CSS clip-path maker ... 続きを読む
CSSで変数(カスタムプロパティ)を使ってみよう | Webクリエイターボックス
2018年2月7日 CSS プログラミングではおなじみの変数。SassやLESSといったCSSプリプロセッサーをお使いの方もよく使うものですね。この一度定義しておけば繰り返し利用できる便利な変数が、CSSでも使えるようになりました!今回はCSS変数の使い方と注意点をまとめていきます! CSS変数とは? 公式では「カスケード変数のためのCSSカスタムプロパティ(CSS custom properti... 続きを読む
JavaScript Promises、CSS変数、Quartz ComposerのプラグインOrigamiなど海外WEBテク20本を一挙公開 | HTML5Experts.jp
斉藤祐也の海外WEBテク定点観測<Issue.9: 2013/12/01-2013/12/31> 今月の定点観測は、JavaScriptにおけるPromises実装について、CSSの変数(Custom Properties)、Quartz ComposerのプラグインOrigamiなど合計20件の記事や動画などを紹介します。 注目ニュースピックアップ JavaScriptにおけるPromises実... 続きを読む