I have used both Sketch and Photoshop for web design. Sketch, by far, has some key items that are immense timesavers. Check out more details at Sketch vs Photoshop.
Designing for humans. Check out this video for more information on HCD.
This is an excellent read and addresses issues such as accessible hiding, and content toggles. In regards to focus order, this article brought up a good point about that the visual presentation on a screen might not match the DOM order because of the ability to reorder content through CSS (thanks to floats and flexbox).
Designing forms for mobile can be tricky with small screen sizes. From this article and from personal experience, it is always best to put labels above form elements (ie. input box).
While none of the current browsers support the new CSS grid rules just yet, they will in the near future. You can still learn about it and test it out in Chrome, Firefox or Opera with special flags enabled. The articles provides more details about this.
Some interesting alternative to hamburger menus on mobile. The tabbed approach works very well if users will be jumping back and forth between these different places in the app. I think it really depends on the app or website content and intended user interactions on it as to which type of menu to use.
Check out a recent personal project I have been working on! It is a design for an app called ‘Adventure Finder’.
People who love the outdoors are always seeking new adventures and destinations to discover. Designing an app that caters to this need to explore and share experiences will assist users with planning their next trip.
See the prototype here:
See the full case study here:
If multi-tasking decreases productivity, then why are we still expected to do ten things at once?