Tailwind CSSからクラス名覚えにくさを消したらどうなる？ こうなった
Tailwind CSSはCSSフレームワークの一つで、あらかじめ用意されたクラス名を組み合わせてデザインを構成するというUtility-Firstというコンセプトが特徴です。 筆者は、Tailwind CSSの利点を活かしつつ、「Tailwind CSS特有のクラス名を覚えなければいけない」という問題を解消できないか試してみました。この記事では、その結果としてできたLightwind CSSを紹介します。 Tailwind CSSの利点と欠点 Tailwind CSSの公式サイトのサンプルを次に引用しますが、Tailwind CSSでは次のようにスタイルを記述します。 <figure class="md:flex bg-gray-100 rounded-xl p-8 md:p-0"> ... </figure> これらのクラスは次のような意味です。 md:flex → @media (m
Why I Write CSS in JavaScript
Why I Write CSS in JavaScriptPublished February 18th, 2019 For three years, I have styled my web apps without any .css files. Instead, I have written all the CSS in JavaScript.
Build Better Component Libraries with Styled System
IntroductionComponent-based design is an increasingly popular process for developing web interfaces. It was once common for organizations to rely on libraries such as Bootstrap or Material UI. But with the advent of improved tooling, many teams today are building their own themes, component libraries, and design systems. This influx of design and development collaboration is generating many new, e
44
44Looks like we're in the ether.Oh look, here are some escape pods stories to rescue us.
CSS Modules
If you wanted to identify an inflection point in the recent development of CSS thinking, you’d probably pick Christopher Chedeau’s “CSS in JS” talk from NationJS in November, 2014. It was a watershed moment that set a bunch of different minds spiralling off in their own directions like particles after a high-energy collision. For instance, React Style, jsxstyle and Radium are three of the newest,
aphrodite vs emotion vs glamorous vs jss vs radium vs styled-components vs styletron | npm trends
aphrodite vs emotion vs glamorous vs jss vs radium vs styled-components vs styletron
9 CSS in JS Libraries you should Know in 2019
“Styling components” is one of the most interesting debates in the community lately. Different concepts range from inline CSS to Sass, Less and much more. One particularly interesting concept is using JS in CSS to abstract CSS to the component level itself, using JavaScript to describe styles in a declarative and maintainable way. With the release of the popular styled-components project by Max St
A Unified Styling Language
In the past few years we’ve seen the rise of CSS-in-JS, emerging primarily from within the React community. This, of course, hasn’t been without its controversies. Many people, particularly those already intimately familiar with CSS, have looked on in disbelief. “Why would anyone want to write CSS in JS? Surely this is a terrible idea! If only they’d learn CSS!” If this was your reaction, then rea
React: CSS in JS
Node.js製CLIツールのE2Eテストに取り組んでいます / Working on E2E testing of Node.js CLI tools
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Styled components, the styling library for your React apps you don’t want to be without
The Fragmented, But Evolving State of CSS-in-JS | CSS-Tricks