In my opinion this is still the best option for CSS, especially in combination with React. http://tachyons.io/ Most importantly it contains a ratio-based scale: http://tachyons.io/docs/layout/spacing/
Geez. Those selectors.. ""
Cutestrap: 8k CSS framework
31–40 of 57 posts
Re: Cutestrap: 8k CSS framework
#32For me, forms look microsoftish (maybe can be easily customized though) and BEM is hungarian notation of CSS.
How is BEM the Hungarian notation of CSS?
For those, like me, who hadn't heard of Hungarian notation: https://en.wikipedia.org/wiki/Hungarian_notation
(Not suggesting you're one of them.)
Re: Cutestrap: 8k CSS framework
#33In my opinion this is still the best option for CSS, especially in combination with React. http://tachyons.io/ Most importantly it contains a ratio-based scale: http://tachyons.io/docs/layout/spacing/
Geez. Those selectors.. " "
It is a bit weird to use at first but I highly recommend giving it a shot.
I've built some complex UI's with the same class name styles (Basscss). 99% of the time I'm reusing classes and I don't have to write anything custom.
Prototyping is great once you memorize the classnames.. Just write HTML, no need to switch to CSS files.
If you're working with global styles this is by far the most scalable CSS methodology as of right now IMO.
Re: Cutestrap: 8k CSS framework
#34Small typo in the following paragraph on the front page:
"There are plenty of amazing front end framworks -> frameworks already, such as, Bootstrap and Foundation. If you're looking for something feature rich with loads of components, those are both great choices."
Re: Cutestrap: 8k CSS framework
#35Cool, but what does it offer that Pure (4kb doesn't)? http://purecss.io
tbh, I've been keeping tabs on alternatives to Pure because Yahoo is circling the drain. It's nice to have it there just in case.
Re: Cutestrap: 8k CSS framework
#36In my opinion this is still the best option for CSS, especially in combination with React. http://tachyons.io/ Most importantly it contains a ratio-based scale: http://tachyons.io/docs/layout/spacing/
Geez. Those selectors.. " "
It's definitely weird at first, but the aim of atomic CSS is to not have a CSS file that just grows and grows and grows.
This article(written by the creator of Tachyons) helps to explain the issue: http://mrmrs.io/writing/2016/03/24/scalable-css/
Where I work, we're using it on a new project and while it definitely requires a lot of learning(and just generally understanding CSS), it's faster to debug with, easier to take care of edge cases, and the total size for our app is incredibly small.
Re: Cutestrap: 8k CSS framework
#37Just throwing this in here in case anyone is on the look for other frameworks: http://semantic-ui.com/
So far this is my favourite!
Re: Cutestrap: 8k CSS framework
#38In my opinion this is still the best option for CSS, especially in combination with React. http://tachyons.io/ Most importantly it contains a ratio-based scale: http://tachyons.io/docs/layout/spacing/
I love it, these are elements I can use. Now... I guess I should read the docs, how to make my own or compose them.
Re: Cutestrap: 8k CSS framework
#39Just throwing this in here in case anyone is on the look for other frameworks: http://semantic-ui.com/ So far this is my favourite!
I'm using this these days. I find it incredibly flexible.
Re: Cutestrap: 8k CSS framework
#40Earlier quoted context omitted.
The grids are way nicer in cute. You just have to specify a grid container and the flex takes care of the rest.
Yes, but just one row at a time (it doesn't wrap). And with flexbox it's just 2 lines of CSS code anyway (unprefixed).
Originally I had one class with grid, direct children were rows and direct children of rows were cells, but it turned into div soup pretty quickly, so I opted for one row at a time.