CSS Framework Recommendations

When I say CSS Framework, I do not mean reset or grid. I mean a structure like xCSS or csscaffold or compass .

I have been doing CSS for several years, but have not had much impact on the framework. Does anyone have any experience with them? What are some disadvantages? What frameworks are popular / recommended?

Thanks.

+4
source share
5 answers

The coolest CSS framework I know of is LESS . It allows you to add variables, inheritance, arithmetic operations and other coolness using syntax like CSS - and it is β€œcompiled” to regular CSS using the build step or server plug-in.

Like C in C ++, the LESS syntax is backward compatible with CSS, so you can simply rename all your .CSS files to .LESS and start adding LESS functionality without learning a whole new language.

As comments to the comments below, Rails and PHP support LESS through server plugins. The beta version also has an ASP.NET port . There is also support for Django . And ColdFusion . And so on...

Note that using LESS (as a Ruby executable that spits out CSS files) can be as simple as running it to compile .LESS files into .CSS as part of your build process. The build machine should be able to run Ruby, of course, unless you use one of the plugins that ported the LESS compiler to this natural platform code.

Note that xCSS offers similar features for LESS - I have not heard of xCSS. AFAIK LESS is more popular, but others in the community here can weigh it, as popularity is changing rapidly!

+9
source

CSS hasn't changed much since it was first supported in the nineties. It is outdated and does not comply with the best practices that have developed since its inception. I believe that emerging structures like xCSS are the result of these CSS flaws.

With this in mind, it is puzzling that CSS frameworks receive quite a bit of criticism. The frame is a tool! You cannot claim that there is no acceptable use case for this. How would a developer know such a thing?

I use xCSS to apply the Object Orientated CSS concept. These are early days, but it seems like a very useful tool. This helps me introduce the CSS interface to third parties who don’t need to learn CSS. This helps me reduce duplication of information and groups CSS attributes and classes in a format that can protect the rotting of distributed information from software.

+1
source

If you are using sass, I recommend:

  • compass plus sass, which is very convenient and efficient to help you speed up the front panel workflow.

Here is the compass url: http://compass-style.org/

  • If you use bootstrap or base, I recommend less + winless.
0
source

Stylus / AxisCSS is the cleanest combo I've found. Instead, the SCSS / Compass / Bourbon combo is quite functional.

0
source

CSS is not hard enough to justify using a framework.

-4
source

All Articles