CSS Reference
Dev tools
css reference
SHOW HN2016
How HN took it
24 positive, 21 neutral or asking, 2 mixed, 17 critical, out of 64 comments about the project. Thread score +0.18.
Performance: 3 for, 10 againstExecution: 0 for, 5 againstDesign: 3 for, 1 againstDocs: 2 for, 0 againstIdea: 1 for, 1 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Useful visual examples for each CSS property
From 3 comments
Nicely put together. I like the examples showing the effect of different properties.
ww520 on HNThe example is very helpful for me, brilliant works!
huan9huan on HNInteresting app. Something I'll definitely use in the future for referencing
xufi on HN
Clean, helpful guide for refreshing CSS knowledge
From 3 comments
I think this is a good guide for brushing up css knowledge before interviews. But for actual coding people would still Google for css-tricks or stackoverflow because Googling is…
paradite on HNAs someone who does frontend only occasionally I expect this site to be of great help to refresh my knowledge now and then. PS. Note to everyone - whitelist this in your ad…
dolzenko on HNThis is going to be super helpful - thanks!!
parr0t on HN
Objections
Page is slow to load and scroll because all examples render on one page
From 3 comments
Am I the only one whose computer has trouble running the site? Using a xps 13 from 2015 and it is really sluggish. Breaking it down into sub-pages would help.
d--b on HNI would expect a site about CSS properties to also know about the performance impacts of paints... Takes a good 5s for everything to load.
rohannair on HNScrolling is giving me ~20fps on my MBP...ouch.
nateberkopec on HN
Alphabetical ordering is hard to navigate; suggested grouping by type
From 2 comments
Really nice. I think it would be more helpful if the properties were ordered in a logical order (by "type" of properties) instead of alphabetical order.
clement75009 on HNSecond this. Will be using this in the future, and some kind of categorisation would improve usability.
Guyag on HN
Requests
Link to GitHub repo or edit links for contributions
From 1 comment
Please include the link to github ( https://github.com/jgthms/css-reference ) for everyone to edit and write issues. Would be particularly nice to have a direct link to edit…
kojoru on HN
Separate page per property for linking
From 2 comments
Very useful. You should consider serving a separate page for each property in addition to one big list. This would be more useful for quick Google lookups.
philmander on HNWell they could have a list of the properties without them all rendered and then render just the property they need when someone clicks on the property name. And why should it…
bryanrasmussen on HN
Browser compatibility information such as caniuse links
From 2 comments
Very nice - wish list items: adding css version numbers and browser compatibility.
NatW on HNA link to the relevant caniuse.com page in each section would be fantastic
aphextron on HN
Questions
Is flexbox now the standard way of doing layout and how well is it supported?
From 2 comments
Quick question: this refers heavily to Flexbox, which as someone who has only a tangental interest in CSS, I don't know much about. Is it the standard way of doing positioning…
archildress on HNFlexbox is it supported by all major browsers? How does it compare to table HTML vs. div HTML? What are the benefits vs. div HTML & Bootstrap .. is it just the new thing to learn?
LargeCompanies on HN
Alternatives named
MDN CSS reference
From 1 comment
Regarding point A, here are a few sites that come off the top of my head : * Index of CSS Properties by W3C https://www.w3.org/Style/CSS/all-properties.en.html * CSS Reference by…
HTeuMeuLeuOnHN on HN
CSS-Tricks Almanac
From 2 comments
Regarding point A, here are a few sites that come off the top of my head : * Index of CSS Properties by W3C https://www.w3.org/Style/CSS/all-properties.en.html * CSS Reference by…
HTeuMeuLeuOnHN on HNGreat clean guide. Here's a couple more that often offer extra tidbits of certain properties. - https://css-tricks.com/almanac/ - http://tympanus.net/codrops/css_reference/
tholman on HN
Codrops CSS reference
From 2 comments
Regarding point A, here are a few sites that come off the top of my head : * Index of CSS Properties by W3C https://www.w3.org/Style/CSS/all-properties.en.html * CSS Reference by…
HTeuMeuLeuOnHN on HNGreat clean guide. Here's a couple more that often offer extra tidbits of certain properties. - https://css-tricks.com/almanac/ - http://tympanus.net/codrops/css_reference/
tholman on HN
caniuse.com for browser support
From 1 comment
Try http://caniuse.com/
mbrookes on HN