In search of a CSS reference
-
When I need to understand details of something, I usually go to the specification and don't generally have problems with them. However, the W3C ones are rather bad with information spread across many places, often poorly cross-referenced. And the CSS one is worst with all the modules of not really clear status.
Therefore I'd like to ask the experienced web developers around, what is a decent, precise, reference for CSS?
At the moment I am particularly interested in the exact details of the different layout rules, because the application I am working on is an ungodly mess of elements absolutely positioned outside their parents and sometimes deciding whether something can be beaten to size properly or has to be rewritten depends on minutiae details.
-
I'm not a web-dev, but IIRC, part of the problem is that there's no such thing as "plain" CSS*. It has to be customized based on which rendering engine the client browser uses, the versions of both, and even the OS they're running on.
*i.e. something that always displays the same way
-
@djls45 There is a "plain" CSSβthe W3C recommendation.
There is then a compatibility matrix saying from which version of which engine each feature is supported, but most features behave the same in all once they are supported (and since this is hybrid app, not web, I am actually only interested in webkit).
-
@Bulb said in In search of a CSS reference:
Therefore I'd like to ask the experienced web developers around, what is a decent, precise, reference for CSS?
Look at the fancy stuff that a site does.
Then open the site in FF22.
If the css doesn't work, don't use it.
Seriously, though, you can hit up w3school's comparability matrix. http://www.w3schools.com/cssref/css3_browsersupport.asp
Stick with the basics. About as fancy as you need to get is negative right margin to float something-- and transform 50% to center vertically.
-
@Lorne-Kates Also, I absolutely love that w3schools is still written in vbscript (.asp).
And the Site. Just. Works.
-
@Lorne-Kates said in In search of a CSS reference:
w3schools
@Lorne-Kates said in In search of a CSS reference
Just. Works.
If you say so.......
-
@Bulb said in In search of a CSS reference:
Therefore I'd like to ask the experienced web developers around, what is a decent, precise, reference for CSS?
MDN is a good source. CSS-Tricks and HTML5 Rocks can also be helpful with more modern web features.
@Lorne-Kates said in In search of a CSS reference:
Seriously, though, you can hit up w3school's comparability matrix. http://www.w3schools.com/cssref/css3_browsersupport.asp
More like w3ghouls. Use http://caniuse.com/#comparison instead.
-
@Bulb said in In search of a CSS reference:
the exact details of the different layout rules
are something you'll only ever get by reading browser source code, it seems to me.
-
@sloosecannon said in In search of a CSS reference:
@Lorne-Kates said in In search of a CSS reference:
w3schools
@Lorne-Kates said in In search of a CSS reference
Just. Works.
If you say so.......
Really? And what's so wrong with the site that my post needed a downvote?
-
@Lorne-Kates It has a reputation for outdated or outright wrong information. http://www.w3fools.com/ used to have a list of ways it was wrong, but obviously that's changed.
-
@coderpatsy said in In search of a CSS reference:
@Lorne-Kates It has a reputation for outdated or outright wrong information. http://www.w3fools.com/ used to have a list of ways it was wrong, but obviously that's changed.
So it isn't wrong anymore?
Also, even if all of the information is wrong-- the site itself works, doesn't it?
-
@coderpatsy said in In search of a CSS reference:
used to have a list of ways it was wrong, but obviously that's changed.
-
@DCoder said in In search of a CSS reference:
@Bulb said in In search of a CSS reference:
Therefore I'd like to ask the experienced web developers around, what is a decent, precise, reference for CSS?
MDN is a good source. CSS-Tricks and HTML5 Rocks can also be helpful with more modern web features.
@Lorne-Kates said in In search of a CSS reference:
Seriously, though, you can hit up w3school's comparability matrix. http://www.w3schools.com/cssref/css3_browsersupport.asp
More like w3ghouls. Use http://caniuse.com/#comparison instead.
@Lorne-Kates doesn't like caniuse because it shows how disused and outdated FF22 is :P
Also ew, FF22 doesn't support flex-box completely.ΒΉ Try not to visit any sites I work on...
1: "Does not support flex-wrap or flex-flow properties"
-
@pydsigner said in In search of a CSS reference:
@Lorne-Kates doesn't like caniuse because it shows how disused and outdated FF22 is :P
They couldn't have put that in a grid or something? Like "I'm using FF22, show me all those things with Yay or Nay". Instead I need to click into each and everyone one?
Also ew, FF22 doesn't support flex-box completely.ΒΉ
So a flexbox is a fancy way of re-implementing all the fancy ways that people re-implemented tables?
Try not to visit any sites I work on...
I'll try not to, but I watch a lot of porn. Any tattoos or birthmarks I should look out for?
-
@Lorne-Kates said in In search of a CSS reference:
They couldn't have put that in a grid or something?
Does Firefox 22 even support those?
-
@loopback0 said in In search of a CSS reference:
@Lorne-Kates said in In search of a CSS reference:
They couldn't have put that in a grid or something?
Does Firefox 22 even support those?
: back in my day, we put everything flat in the
<body>
and we liked it that way
-
@pydsigner said in In search of a CSS reference:
@loopback0 said in In search of a CSS reference:
@Lorne-Kates said in In search of a CSS reference:
They couldn't have put that in a grid or something?
Does Firefox 22 even support those?
: back in my day, we put everything flat in the
<body>
and we liked it that wayYou had a
<body>
? Luxury.
-
@Lorne-Kates said in In search of a CSS reference:
@sloosecannon said in In search of a CSS reference:
@Lorne-Kates said in In search of a CSS reference:
w3schools
@Lorne-Kates said in In search of a CSS reference
Just. Works.
If you say so.......
Really? And what's so wrong with the site that my post needed a downvote?
I didn't downvote....
But yea it's not exactly known as a great source
-
@sloosecannon said in In search of a CSS reference:
But yea it's not exactly known as a great source
But the site works. Even though it's written in asp. It works. I can visit the site, and the layout isn't broken, the hyperlinks navigate to where they're supposed to, I don't get javascript fuckery-- the site works.
-
Gone are the days of Acid test...
-
@Tsaukpaetra said in In search of a CSS reference:
Gone are the days of Acid test...
Well, to be fair, that's because 99% of web designers would fail it.
I swear, you need to be on LSD to come up with most of the broken shit these people do...
-
@Lorne-Kates said in In search of a CSS reference:
the layout isn't broken, the hyperlinks navigate to where they're supposed to, I don't get javascript fuckery
None of that will ever catch on.
-
@Lorne-Kates said in In search of a CSS reference:
Really? And what's so wrong with the site that my post needed a downvote?
Lemme just remind you of what you wrote...
@Lorne-Kates said in In search of a CSS reference:
I absolutely love
w3schools
written in vbscript
.asp
-
-
- I put the quotes in different quote blocks, indicating I was picking them out of context
- even taking them out of context, I didn't drastically change what you said, because you put "absolutely love" in the same sentence as "w3schools", "vbscript", and ".asp", and the sentence wasn't "I'd absolutely love if someone would launch w3schools, vbscript, and .asp into the sun."
-
@anotherusername said in In search of a CSS reference:
I licking out of "w3schools" ass
That's even worse. =(