thanks you do have a point. I m sorry I have my modal turned off in this version. I have a help window that is supposed to open when you enter the site but i turned it off on codepen. but still i think im going to make the slider look more obviously a slider.
nice. i see your tomato has different approach. i used progress element. looks like you did some trickery as well. i didn’t dig too deep but you used a background layer and had height increasing with setInterval. I like the green man nice touch.
Hello all, please see my first draft of the Pomodoro App. I decided to concentrate on the logic of the timer, and to stick with the design of the example. The logic is not DRY yet , it definitely needs some refactoring.
I’m planning to style it more, and to refactor the code when I revisit this soon.
For this one, I wanted to practice with Sass. I didn’t use any framework or library, it’s all plain JavaScript.
Also, I tried HTML5 range sliders to set the timer. Something different by ‘+’ and ‘-’ buttons.
Hope you like, feedback appreciated (especially if you find any bug!)
Nice design. Works fine except the sliders. They are a little odd, don’t work well. When slided to the left or right edge the value doesn’t change. Also if you slide and release the mouse button outside the slider the value doesn’t change.
Thanks for the feedback. I saw your project and I like ti very much.
I know about the bug, but I really don’t know why it happens. I used an HTML element input type range, while I see you used another tecnique. The problem could be related to the input element?
I don’t know much about html input type range but the problem is probably because of the click event. You should also add a mouseup event. The mouseup event will also call updateWorkSession function. Here is a fiddle about mouseup, I found from stackoverflow: http://jsfiddle.net/ZFefV/
Hi. Here is my Pomodoro Clock. https://codepen.io/Ddorab/full/BRgvYm/
It is a very simplistic one, but it fulfills the user stories. Any feedback is appreciated.
Added a binary clock/counter for something different. Just an FYI for other’s testing, set the interval to 250, instead of 1000. Runs faster so you can check how everything works. Not happy with my color pallet, I have the hardest time picking color combos…
Would appreciate help with why the audio chime doesn’t fire before the alert box…