Sign in to follow this  
Followers 0

your thoughts on preprocessoring for CSS?

12 posts in this topic

Posted

I'm pretty good on CSS3 which is an easy thing to learn. Seeing a lot of LESS and SCSS out there. Well never work on them before when I outsource coding for jQuery work done the cas was done in SCSS and fi d it hard to go there and messy. Your thoughts on it.

Share this post


Link to post
Share on other sites

Posted

Pardon me but is a Preprocessing of CSS?

Share this post


Link to post
Share on other sites

Posted

from users standpoint i hates when javascripts modifying the style, as its remind me of those annoying ads.

Share this post


Link to post
Share on other sites

Posted

I love SCSS, it helps keep your CSS organised, especially when it comes to responsive design with various breakpoints. Selector nesting, media query nesting, mixins, variables, sprite generation, colour mixers, inline calculations, etc. all assist you in writing (generating) CSS quicker and since it's just a superset of CSS you can pick and choose which features you use. All SCSS implementations are open source too, so if you want to fix/add features you can.

I've used SCSS in pretty much all of my projects for the last 18 months and haven't hit any big negative points.

 

from users standpoint i hates when javascripts modifying the style, as its remind me of those annoying ads.

CSS preprocessors (stylus, sass, scss, less) 'compile' the language into standard CSS before being used on the page, they don't use javascript to modify the style. Well, unless you were to use a javascript implementation, but I don't know why anyone would do that on a live site.

Share this post


Link to post
Share on other sites

Posted

Yeah I love using preprocessors, they give coloring possibilities like darken and lighten and grayscale and variables and the best of all, nesting :D

 

sass and scss are both preprocessed and then uploaded on your site so there's no way to know it has been written in those preprocessing codes but less isn't preprocessed before it's uploaded it's being preprocessed by a js file while the webpage is being loaded, I myself like less more since I can use other js code to change the less variables on the go :p

Share this post


Link to post
Share on other sites

Posted

Your thoughts on it.

 

Gimmicky really. Just another step in the process that doesn't need to be there.

Share this post


Link to post
Share on other sites

Posted

Gimmicky really. Just another step in the process that doesn't need to be there.

Hmm less really makes it less work instead of more in my opinion, especially when I have clients that wants a lot of stuff chnaged every now and then it's handy since I just have to edit my variables .

Share this post


Link to post
Share on other sites

Posted

Hmm less really makes it less work instead of more in my opinion, especially when I have clients that wants a lot of stuff chnaged every now and then it's handy since I just have to edit my variables .

Care to document an example?

Share this post


Link to post
Share on other sites

Posted

As example your client has a website he wants in certain colors and some darker and lighter tones of it but he's not sure about the color yet and the amount of variations.

@color: green;

.one {
    background: @color;
}
.two {
    background: darken(@color, 10%); //A bit darker
}
.three {
    background: darken(@color, 25%); //A bit more darker
}
.four {
    background: lighten(@color, 10%); //A bit lighter
}
.five {
    background: desaturate(lighten(@color, 10%), 10%); //A bit more desaturated and lighter
}
.six {
    background: fadeout(@color, 50%); //50% transparant rgba value, in this example: rgba(0,255,0,.5);
}

Above we just have made a few color variations which normally take more time in PS or gimp or some other colors pallete program.


And there is a lot more, like calculations and nested coding which makes code a lot more clear to read and easier to write, and you can even nest mediaqueries :D

1 person likes this

Share this post


Link to post
Share on other sites

Posted

Undoubtedly helpful in a large scale environment with a lot of developers or on an extremely large scale site but for your average site i find it's just not worth it.

I'm a bit of a purist also, i can see the point in LESS/SCSS but i like my CSS to be free from clutter and as it was intended, occasionally i don't have the choice and a preprocessor is used but generally i'll try to do it without.

Share this post


Link to post
Share on other sites

Posted

I use Less for everything and I love it! It's takes a bit of getting used to but really speeds things up once you get the hang of it.

Share this post


Link to post
Share on other sites

Posted

LESS!! It's all about the colour scope and nesting. definitely speeds up development and can result in cleaner css.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.