DEV Community

Cover image for Skyrocket your CSS skills with Spaced Repetition

Posted on

Skyrocket your CSS skills with Spaced Repetition

What if I tell you that there is a way to either greatly decrease your time spent studying, or greatly increase the amount you learn? Doesn't matter if it's CSS, HTML or geography.


I was never able to study in a way of memorizing stacks of texts. I need some sort of game that can keep me entertained while studying. I have recently tripped over term called Spaced Repetition. Spaced repetition is a study method which uses spacing effect which describes how our brains make better connections and overall remember things more effectively when we space out our learning over time.

The following curve better describes the review cycle that can help memorizing topic for longer period of time.
Forgetting curve

To apply Spaced repetition in studying, I use an app called Anki. It's multiplatform (Web, Android, iOS (paid), Mac, Windows and Linux) app that is based on flash cards.

In Anki I've created multiple Decks (topics) with multiple questions about CSS.
Namely these decks:

  • CSS properties
  • CSS pseudo-elements
  • CSS pseudo-classes

You can download them on my Github repo, simply import them to Anki and start studying!

There are some advanced stuff in those decks that I was not aware it even exists.

Link to repo:

Let me know which decks should I create next! React? NodeJS? HTML elements?

Top comments (3)

equiman profile image
Camilo Martinez • Edited

Thanks for share it.

I've created one for CSS specificity.
Let me know if you want to add it to your collection.

kriskoeh profile image

I would love them if you still have them. I am working on deepening my understanding of specificity as a baby coder. Thank you!!

sahirmpatel profile image

Thanks a lot. please create one for react too!