My pomodoro clock. What do you guys think? Any feedback is highly appreciated. I did not test it on IE/Edge and Safari.
I spent a week on this, and I think I could easily invest another hour or five. It always surprises me how much there is to do on a seemingly simple project when you care for the little things.
Anyway, I used SVG for my clock. I think it was a good decision, given that vector graphics always look crisp, no matter their size. Learning how to draw an arc took some time, though. I even made a pen just to learn how to create paths in svg. I hope it will be helpful for others, too.
I tried to make my page as accessible as possible, which is not as straightforward as it should be, I think. I still don’t know how to hide
:before content reliably from screen-readers, but I hope they can overlook the occasional weird unicode character.I also wrote a prototype for synchronizing user preferences between ui, code and local storage. It’s probably far from bug free, but I think it helped me a lot. It’s buried somewhere in the code, should anybody be interested. I tried to thoroughly comment my code, I hope it’s good enough.
On the next project, I think I’ll measure how much time I spend on everything. Probably too much on finicky details nobody cares about, except me .