When comparing CSS-Tricks vs Hackr.io, the Slant community recommends CSS-Tricks for most people. In the question“What are the best resources to learn CSS?” CSS-Tricks is ranked 2nd while Hackr.io is ranked 6th. The most important reason people chose CSS-Tricks is:
All posts, whether they are written by Chris Coyier or a guest blogger, are very clear and well explained. Each example has code snippets with easy-to-follow explanations of the code and theory behind the specific concept. Possible issues you may run into with the code are often addressed, so you know how to tackle bugs that may pop up.
Ranked in these QuestionsQuestion Ranking
Pros
Pro Examples are well explained
All posts, whether they are written by Chris Coyier or a guest blogger, are very clear and well explained. Each example has code snippets with easy-to-follow explanations of the code and theory behind the specific concept. Possible issues you may run into with the code are often addressed, so you know how to tackle bugs that may pop up.
Pro Codepen makes code review easy
Pro Frequently updated
CSS-Tricks is extremely active, being updated every day or two with a new blog post. Despite the frequency of the posts, the quality always remains high.
Pro Community trust
Instead of getting a recommendation from a single dev, you get recommendation from the entire programming community.
Pro Recommendation for every programming language/framework/library
You can find Python as well as Jenkins.
Pro Nice filters
Free, Video, Book, Beginner, Advanced, etc.
Cons
Con Not a good starting place for a complete beginner
CSS-Tricks does not follow the structure of a traditional tutorial, starting at the basics and gradually increasing in difficulty.
Instead, each blog post addresses a specific topic (such as responsive images, debugging keyframe animations etc.). Therefore it's better suited to someone who has already been introduced to CSS and is looking for more info on a specific topic, or wants to discover new concepts.