✨ polished | A lightweight toolset for writing styles in JavaScript
const styles = { color: lighten(0.2, '#000'), "font-size": modularScale(1), [hiDPI(1.5)]: { "font-size": modularScale(1.25) } } const styles = { color: '#333', "font-size": '1.33em', '@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5/1), only screen and (min-resolution: 144dpi), only scr
CSS Modules by Example
Css Modules by ExampleCSS Modules are a means to achieve locally scoped CSS class names.For a simple one-page app they may not be necessary. But if you're working on a large 20+ component app, this tool could really help you clean up your CSS. Of course, adopting a new tool can take time. You might wonder: Will I go to all the effort of setting up CSS Modules only to find out they won't work for m
“Scale” FUD and Style Components
Smart folks like to use the word “scale” to scare less experienced folks into doing the “right” thing. I’ve seen this a lot recently from the CSS-Tricks community toward React developers. The threat I hear is: “This idea won’t scale; we’ve already solved this in CSS.” But these arguments from authority are largely unproven, when used with components. So, let’s talk about scale and whether or not t
What to use for React styling?
What to use for React styling?If you use React, then at some point you've thought about how to style your components. You were probably optimistic about finding the perfect approach... and then became dismayed when you slammed your face into this wall of style tools: Some are more popular than others, but for each one you'll find several experts recommending it. Even worse: it's not about picking
Inline CSS at Khan Academy: Aphrodite
By Jamie Wong I won’t ramble in this post about the maintenance woe that is CSS, as others have said it better in the past. In particular, Christopher “vjeux” Chedeau sparked much of this discussion in his talk React: CSS in JS. Instead, I’d like to discuss Aphrodite, the inline styling solution we’ve developed at Khan Academy, the constraints that led to it, and its use in production today. Page
Inline Styles React Europe
React allows you to write styles inline and bypass a host of CSS shortcomings. Scope, dependency management, dead code elimination, these problems go away when adding your styles directly to components. But it's not all rainbows and unicorns. Things like theming and media queries become much more difficult when all your styles live directly on components. In this talk, we'll look at how to solve t
The End of Global CSS
CSS selectors all exist within the same global scope. Anyone who has worked with CSS long enough has had to come to terms with its aggressively global nature — a model clearly designed in the age of documents, now struggling to offer a sane working environment for today’s modern web applications. Every selector has the potential to have unintended side effects by targeting unwanted elements or cla
Block, Element, Modifying Your JavaScript Components
BEM was a transformative methodology in the world of CSS, but — when limited to the style sheet — it can only take us so far. The act of defining “blocks” forced us to treat our classes more semantically and methodically, clearly defining the component boundaries and relationships in our interfaces, and yet — as I’m sure the methodology’s originators at Yandex would be quick to point out — CSS is
React: CSS in JS
Node.js製CLIツールのE2Eテストに取り組んでいます / Working on E2E testing of Node.js CLI tools
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Problem with CSS-In-JS, circa Mid-2016
Oleg Slobodskoi, Chatgrape, Berlin — Javascript Style Sheets
GitHub - Khan/aphrodite: Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
GitHub - MicheleBertoli/css-in-js: React: CSS in JS techniques comparison
Reddit - Dive into anything
Radium - A React Component Styling Library