ElkArte Community

General => Chit Chat => Topic started by: meetdilip on May 12, 2016, 10:54:16 am

Title: Maintainable CSS
Post by: meetdilip on May 12, 2016, 10:54:16 am
A friend ( and a php developer ) shared this on Twitter. Seems interesting

http://maintainablecss.com/
Title: Re: Maintainable CSS
Post by: Antechinus on May 13, 2016, 02:20:30 am
Hmm. The CSS on their site is badly written. They should take some lessons on the basics. :P

If they can't even be bothered to add a simple declaration to make their pages legible to anyone, they know SFA.
Title: Re: Maintainable CSS
Post by: Flavio93Zena on May 13, 2016, 10:25:29 am
Quote from: Antechinus – Hmm. The CSS on their site is badly written. They should take some lessons on the basics. :P

If they can't even be bothered to add a simple declaration to make their pages legible to anyone, they know SFA.
This ^^
Title: Re: Maintainable CSS
Post by: Antechinus on May 13, 2016, 05:58:53 pm
TBH I didn't bother even reading their site once I saw it was unreadable. It's possible that there are some good ideas in there, but last night I CBF'd adding yet another declaration to userContent.css and restarting my browser. If they want people to read their site, they should bloody well make it readable. :P

If anyone hasn't figured it out yet, they have omitted a background declaration for several elements. This is fine for average mugs who don't tweak their browsers, because the browser automatically puts a white background on the window.

If someone, like me fer instance, customises their browser settings so that windows have a dark grey background by default, so new ones don't burn my eyeballs out with a nasty white flash, then any normal (dark grey or black) text in elements without a background declared becomes impossible to read.

This is stupid, and unnecessary. It's beginner level stuff. Get it right, ya wankers. :P
Title: Re: Maintainable CSS
Post by: Flavio93Zena on May 13, 2016, 07:47:42 pm
LOL, personally I was referring to the fact that they are also using padding-top, padding-left, padding-right, padding-bottom all separate instead of grouping them up into a single one. Stuff like that.