DEV Community

Cover image for Skyrocket your CSS skills with Spaced Repetition
michalhonc
michalhonc

Posted on

2

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.

How?

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: https://github.com/michalhonc/anki__decks

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

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (3)

Collapse
 
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.

Collapse
 
kriskoeh profile image
kriskoeh •

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

Collapse
 
sahirmpatel profile image
sahir •

Thanks a lot. please create one for react too!

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs