[Owncloud] Question about code styling: single line CSS

Bernhard Posselt nukeawhale at gmail.com
Sat Aug 11 10:05:40 UTC 2012


Hi,

I've just started to dig into some app developement and i came across
this code styling rule:

* CSS in single-line notation

I normally don't have anything against coding style guidelines but I
think this one really hurts readability, as it requires you to not only
scroll vertically but also horizontally. Further problems are:

* Less readability for single CSS statements
* Unreadable diffs (git shows that the whole line has been replaced,
instead of a single statement)
* Looong lines if you go for CSS prefixes, especially animations
* Harder to add new statements to a CSS rule

The only advantage is that you can quickly scan for certain rules, but
to be honest, this should be provided by your Editor/IDE (Theres
normally a symbol browser that also works for CSS rules like
http://www.micahcarrick.com/mc_images/screenshots/gedit/gedit.png)

To provide further arguments:
http://www.robbiemanson.com/articles/reasons-to-avoid-single-line-css/
http://neutroncreations.com/blog/single-line-vs-multi-line-css-plus-textmate-tips/

Also take a look at:
http://www.python.org/dev/peps/pep-0008/#maximum-line-length

I usually style my CSS like this:
https://github.com/Raydiation/oberthmedia/blob/master/oberthmedia/homepage/static/homepage/style/style.css
but I'm not sure if its the best method :P.

regards

Bernhard Posselt




More information about the Owncloud mailing list