When comparing Codecademy vs CSS-Tricks, 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 Codecademy is ranked 3rd.
Ranked in these QuestionsQuestion Ranking
Right from the start, users write code. They start small in an environment that has constant feedback and gradually progress to more complex concepts. Users can see code results instantly, giving great feedback.
Pro Excellent progression
Codeacademy doesn't overwhelm beginners with information. It gives bite-sized information, the bare minimum needed to finish a task and get to the next one. As the course progresses, it slowly fills in background information.
Pro Good editor
Codeacademy has a powerful, beginner-friendly integrated development environment (IDE) that can also be used outside of curriculum.
Pro Bite-sized lessons
Each lesson in code-academy focuses on a single concept, and repetition is provided to drill the concept.
Pro Codepen makes code review easy
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 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.
Con Lack of context
Codecademy is great for providing a hands-on approach, but there is a lack of context regarding how to start a project in real life. While users may learn how to code using Codecademy's interface, they may not have any idea how to code independently.
Con Not the best structure for quick refreshers
The content of the lessons is aimed very much at people just starting to learn how to code. This is perfect for beginners but if you want to use Codecademy to refresh your knowledge the lessons are not designed to be quickly done.
Codecademy is known to have many bugs which interfere with the editor, resulting in error messages despite having the correct answer.
Con Deleted a lot of content
A lot of free content has been taken away, for example the PHP course was removed from the site.
Con Allows infinite loops to run
If you run an infinite loop, the browser freezes. Many other similar websites will give you an error, preventing the loop from running. Though not a bug, the lack of feature to stop infinite loops from running can be quite frustrating to beginners.
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.