CSS Battle
cssbattle.dev
A coding game where you recreate a target image using as little CSS as possible, with daily battles, practice targets and leaderboards.
Why it is useful
Turns CSS practice into a puzzle. Having to match an exact picture in the fewest characters forces you to learn selectors, positioning and shorthand properties you would otherwise skip. Good for beginners and for experienced developers who want a quick daily challenge.
More in Learning Resources
Other learning resources you might not have heard of.
- Vedic Astrology ChartGenerate a free Vedic astrology chart with AI interpretation. See your sidereal birth chart, houses, nakshatras, D9/Navamsa, dashas, and divisional charts.
- Andrej Karpathy's Neural Networks: Zero to HeroA free video lecture series by Andrej Karpathy building neural networks from scratch in pure Python, from backpropagation fundamentals through GPT-level language models.
- Crafting InterpretersRobert Nystrom's free book walking you through building two complete interpreters from scratch — a tree-walk interpreter in Java, then a bytecode VM in C — for a full programming language called Lox.
- Hugging Face NLP CourseA free, comprehensive course on natural language processing with transformers, covering the full Hugging Face ecosystem from tokenization through fine-tuning and deployment.
- LeetCodeThe standard platform for practicing coding interview problems, with thousands of algorithm challenges and company-tagged question sets.
- RegexLearnAn interactive regex learning platform with visual pattern matching, immediate feedback as you type, and a structured curriculum from basic character classes to advanced lookaheads and backreferences.