mxstbr

40 ms·

451.
by mxstbr 10y ago
> if you only target browsers that support the custom properties spec That "sidenote" is exactly why vanilla CSS has a "Kinda" for theming. Taking a look at caniuse[0], only 66.39% of browsers have support for custom
452.
by mxstbr 10y ago
The huge downside with inline styles is that they don't support all of CSS _at all_. You have to reimplement basic things like pseudo selectors (hover/active/focussed/… styles) and things like pseudo elements, media quer
453.
by mxstbr 10y ago
It isn't "implemented" – it's just CSS! Literally! (Note: Almost the sole thing we do to that CSS before injecting it into the DOM is adding a hash of the contents as the selector. Not sure if that counts as "implem
454.
by mxstbr 10y ago
Let us know how it goes, we'd love to know what you think! Note: You can also use this in real projects ;)
455.
by mxstbr 10y ago
Can I forward you to these four resources? (I realize this might sound like a cop-out answer, but these people have summed up the benefits of CSS-in-JS so much better than I could in two minutes!) [0]: Rendering Khan Academy’s Learn Menu W
456.
by mxstbr 10y ago
We've tried styled-components in medium-size projects (50-500 components) and haven't noticed any performance-hit yet. That being said, it's definitely something we're conscious about. That's why we will be writing
457.
by mxstbr 10y ago
Which browser/OS? (Feel free to dig into the code and submit a PR if you're so inclined! https://github.com/styled-components/styled-components.githu... )
458.
by mxstbr 10y ago
glamor is amazing, Sunil really outdid himself with it. In fact, his injection mechanism is so good we blatantly copied it for styled-components! On the other side, Sunil is looking into stealing some of the general ideas from styled-compon
459.
by mxstbr 10y ago
Syntax Theme: Base16 Ocean Dark Spacegray! (and UI Theme: One Dark)
460.
by mxstbr 10y ago
Just like any other media query, except without the selector! const AdjustsAt360px = styled.div` @media screen and (max-width: 360px) { this-is-applied-under: 360px; } `;
461.
by mxstbr 10y ago
Like this: const FocusInput = styled.input` &:focus { focus-styles: here; } `;
462.
by mxstbr 10y ago
It's Operator Mono by Hoefler & Co! http://www.typography.com/fonts/operator/overview/
463.
by mxstbr 10y ago
Yes exactly. It's less about interoperability and more about using the same styling system for_all_ parts of your application. Styling on ReactNative is different enough to have to be careful when doing it, though theoretically it&#x27
464.
by mxstbr 10y ago
That's awesome, I love tachyons! styled-components is on a slightly "lower" level in a certain sense, you would build components like yours with styled-components: const TachyonsText = styled.Text` ${props => p
465.
by mxstbr 10y ago
What do you mean with "the usual way"? ;) There is vanilla CSS, Sass, CSS modules, Aphrodite, Radium, JSS,… This image from the talk I just gave about it sums the differences up quite well: http://imgur.com/dmiROz6
466.
Show HN: Styled-components – Use the best of ES6 to style React apps(styled-components.com)
172 points by mxstbr 10y ago|67 comments
467.
From Callback to Future – Functor – Monad(medium.com)
1 points by mxstbr 10y ago|0 comments
468.
The Elegance of React: Writing Elegant Code with React, Redux and Ramda(medium.com)
3 points by mxstbr 10y ago|0 comments
469.
Show HN: Build your first real world React.js application(academy.plot.ly)
261 points by mxstbr 10y ago|44 comments
470.
Eslint-config-cleanjs: Reduce JavaScript to a pure functional language(github.com)
2 points by mxstbr 10y ago|0 comments
471.
by mxstbr 10y ago
That's one fast response time! Awesome!
472.
by mxstbr 10y ago
Would love a blog post explaining how you did it and some of the challenges you had to overcome!
473.
by mxstbr 10y ago
Help us out on making that happen! https://github.com/mxstbr/sharingbuttons.io/issues/38
474.
by mxstbr 10y ago
I've never written a Jekyll plugin! How would one do that?
475.
by mxstbr 10y ago
Damn son, maybe this IS a startup then. I revert my earlier comment![0] [0]: https://news.ycombinator.com/item?id=12212911
476.
by mxstbr 10y ago
No hard feelings, sharingbuttons isn't a startup by a long shot, just a fun personal open source project! People should have choices :+1:
477.
by mxstbr 10y ago
Thanks! _blush_
478.
by mxstbr 10y ago
Those actually sound like a brilliant idea! Would you mind submitting an issue so I don't forget it? (or submit a PR?) https://github.com/mxstbr/sharingbuttons.io
479.
by mxstbr 10y ago
That sounds like a the perfect use case for a small API… Sharing Links as a Service?!
480.
by mxstbr 10y ago
I didn't know HN has a sharing link! Would you mind submitting an issue with the link and I'll see if I can get to it? (or you submit a PR?) https://github.com/mxstbr/sharing

More ›