Plan and done for May-25-2017

alstof

2017-05-25 15:18

What will I learn today?

Make menu hide only on tablet and desktop versions or add input-label to hide JS-function.
Fix quirks in Safari: icons have became too small, everything become a mess on a wide screen.
Fix a masthead height on resolution wider 640px.
Fix an offer body text align for the gift message - now it aligns to center on resolutions less than 570.
Build additional pages - hotels, impression, blog.
Style the form on impression page.
Dive into JS.
Implement form validation.

Done

Started JS30 marathon - https://javascript30.com. First day - a drum machine: implement audio file play on keybord press using already set web-page. My idea: go through element's attributes and play those sound which keyCode equal to key pressed.

Have found helpfull following tips:
- on key press event handling - https://stackoverflow.com/a/12578420.
- on classes addition/removal - https://stackoverflow.com/a/196038.
- multichannel audio support to prevent sound stuttering when a user press on many keys simultaneously - http://www.storiesinflight.com/html5/audio.html.
Total time - two hours.