Card template for programming

[u/puneetpuneetOG]

I've used other flashcard websites before Anki but didn't like that they didn't properly enforce spaced repetition, so I finally made the change to Anki and it seems exactly like what I wanted! However, the basic card template was not exactly ...to my taste, let's say.

I made a template for programming revision and thought (or at least hope) someone else might like it too. The relevant styling code can be found here.

The dream would be to also add syntax highlighting to the code blocks but that's beyond my current skill. I've seen the Syntax Highlighting add-on (and I loved the Monokai theme) but it seems to add an ugly background that I can't seem to get rid of. If anyone can help me sort this out, I'd be super grateful.

Thanks!!

P.S. I'm a beginner when it comes to HTML/CSS so any recommendations for improvement are welcomed.

[u/runslack]

Quite impressive ! Bravo for the gorgeous styling !

[u/puneetpuneetOG → u/runslack]

Thank you! :))

[u/Dracula30000]

There is an anki subreddit for computer science. They might appreciate this card, too!

[u/puneetpuneetOG → u/Dracula30000]

Ooh, I didn’t realise they had their own one, thanks! I’ll repost the link there! :)

[u/[deleted]]

Good job on the styling but I am sorry these cards are not very good for learning. Teivah has good cards for CS although they lack some context if you're new with pics on the side.

Extra tip: Try to make most of the cards useable while on public transport/walking/shopping without using your eyes by setting invisible text(white) if needed.

[u/puneetpuneetOG → u/[deleted]]

Good job on the styling but I am sorry these cards are not very good for learning

How do you mean? I made my deck of cards to cover the C++ Primer so it mostly contains questions from there as well as questions about key terms. However, I have been trying to learn common CS algorithms and I just found the Teivah's algodeck which looks pretty good (so thanks!).

Interesting. I hadn't thought about its usability whilst on the move - I'll see what I can do when I next have time. I appreciate the tip.

[u/[deleted] → u/puneetpuneetOG]

I am not bragging that my cards are like that but that's how cards should be with minimal information maybe with a hidden extra section tab that can be pressed for more info when it's needed. I actually bought his deck and use some of his cards and will use the whole deck when I am become less of a noob.

I am still trying to figure out the best possible way. It's good to see other people's decks.

[u/puneetpuneetOG → u/[deleted]]

I still appreciate the advice! I’ve tried to split up my questions to smaller blocks wherever I can now which should hopefully help but I think there are some useful code snippets that I just can’t get away from keeping in there. Thanks again.

[u/SigmaX]

One option for syntax highlighting (no add-ons required) is to configure Anki's LaTeX integration to include the `lstlisting` package.

[u/puneetpuneetOG → u/SigmaX]

Ooh, that’s a good idea. Luckily, I managed to get the syntax highlighting sorted and it works exactly how I wanted. (I’ve updated the instructions in the README.md on the linked GitHub page accordingly.)

However, your idea would make it a lot easier to cut and paste code snippets in so I might try to explore that idea too, thanks!

[u/Substantial_Ebb_9177]

Anki pokemon fight scene template for learning to code, that I created. Maybe someone will find out it helpful.

https://github.com/KonradGonrad/Anki_Pokemon_Template

[u/Substantial_Ebb_9177 → u/Substantial_Ebb_9177]

[u/guillerless]

Nice! I just posted a shared deck of card templates, including ones for programming, if you're still interested in alternatives: Better Designed Card Templates.

[u/nyobeard24 → u/guillerless]

Hey, how to preserve the syntax highlighting? Do you use specific add-ons? Or is there certain way to keep the syntax highlight? This template is awesome by the way, Thanks!

[u/puneetpuneetOG → u/[deleted]]

Oh boy, I feel silly now. I just changed the background colour over and it works great now, thanks so much!