| Almost a year ago I decided to start learning Russian so that I can talk with my girlfriend in her native language (the things we do for love ) Initially I tried the usual things like Duolingo, Babbel and some other apps. Out of those things the only one I found useful was Duolingo because it can get you started pretty quickly. However, I got stuck after that. I couldn't see myself making any progress. Then I stumbled upon the Comprehensible Input theory and TPRS and since then I've been studying Russian using a method that loosely follows these. Here's what I do: - I find short stories, news articles, social media posts etc online.
- I read those texts and mark down the new words as I learn them. I add those words in a flashcard app and I practice them using SRS. I use an app called Ulangi.
- I ask my girlfriend (a native speaker) to ask me short questions about the text and I have to answer in my target language.
- Once I feel comfortable with that text I repeat the process with the next one. And it works (at least for me). I grew my vocabulary immensely, I can acquire grammar rules naturally (like I did with my native language) and I get to actually speak the language from day 1. As an added bonus I get to learn a lot about the culture of my target language. However, translating and saving words in my vocabulary became tedious so I decided to automate this whole process. So I started building a tool for me. I, then, realized that this might be useful for others so I made it public. You can use it for free at Talkabl.com |
On mobile, I just tested the default French lesson. Right now, the 'dictionary' seems to be displayed dependent on where the last appearance of the word in the text. This means that if I select a word in the first paragraph but the word also appears in the last paragraph, I have to scroll to the bottom to see its definition (and add it to 'my list'). (ex: 'protestaires' in the default FR lesson) The column, in mobile view, gets bumped to the bottom.
I don't think you have to go as far as a modal window - something as simple as 'position:fixed' would let it pop on top of the text (though right now, the dictionary box doesn't have a defined independent class and is not contained). It's probably best for the large-screen view as well: you don't want your text body to be moving around while reading.
But seriously, this is one of the simplest, smartest and most extensible language learning tools I've come across. Thank you for sharing it.
edit// It's a FF/Webkit quirk, but because the parent element (.bx--content) has 'transform' property applied to it, it will prevent the child div from actually responding to 'position:fixed'.