Hi, My name is Andy Leverenz. I design, code, and am an author of things. Check out my agency called Couple of Creatives https://coupleofcreatives.com and my blog Web-Crunch https://web-crunch.com?? ====== In part 36, I round out the styles for the mobile menu. The example we borrowed from in part 35 (https://web-crunch.com/lets-build-consultancy-website-part-35/) of the series had a lot of unneeded CSS in my opinion. For this design I wanted the menu to be snappy and responsive to a tap of a person finger on any device. To make this happen I omitted a lot of unnecessary transition declarations as well as any odd transforms that were going on. The end result leaves us with a quick hiding and showing effect that doesn't get in the way of me trying to navigate the site. ### UX first, "icing" later When designing for users you need to think about them first before getting too carried away with a design. Ask yourself, does this "thing" function like it should? Am I following the function over form mantra? If you can answer yes to both of those questions you are on the right path. Only until the functionality is optimal should you bother with what I like to call "icing". By "icing" I mean all of the fancy animations, transitions, fades, and more you can do with CSS. These create really nice effects but sometimes hinder the perception of load time. If it animates slow, it feels slow and too me, you shouldn't put add any more time to user's journey across your website. ====== ⚙ Download the source code https://github.com/justalever/endlyssdesigns ? Previously published at: https://web-crunch.com/lets-build-consultancy-website-part-36/ ? Check out the blog: https://web-crunch.com ? ? Check out my agency: https://coupleofcreatives.com ? Links: Weekly Newsletter: https://web-crunch.com/subscribe Twitter: https://twitter.com/webcrunchblog Twitter(Personal Account): https://twitter.com/justalever Facebook: https://facebook.com/webcrunchblog Dribbble: https://dribbble.com/justalever Github: https://github.com/justalever Medium: https://medium.com/the-web-crunch-publication ?Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/books/luxd ? Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/books/ptt ? Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ... https://www.youtube.com/watch?v=dKTEfc92KAs

Hi, My name is Andy Leverenz and I work as a product designer and developer. For fun, I design, code, and write. Check out my blog called Web-Crunch https://web-crunch.com where I publish design and development tutorials with the occasional vlog. ==================== Really recommend you read through the full article here: https://web-crunch.com/posts/a-behind-the-scenes-look-at-my-failed-app-idea This article is a look at some behind the scenes work I've decided to hit pause on for a SaaS app called Compose. It's a team communication tool that's focused on creating fewer distractions in the workplace through asynchronous long-form writing. Here's what I learned and where I’m focusing next. Before you read I must say at this point in time I'm feeling like this idea is still not 100% dead. I think there's a solution here but I'm wondering if maybe the audience or market is what need to be adjusted to provide some usefulness elsewhere. Perhaps in the education space or even with writers/authors. Or maybe I need to present it in a new way that's more of a lifestyle as opposed to a product. Lots of thinking still to do! Okay, carry on.... ### What is Compose? For the past couple of months I've been deep at work on an app I call Compose at https://gocompose.io. I made a job change which changed the way I work dramatically. I'm extremely grateful for the change as my stress and anxiety levels decreased dramatically. My new role preferred asynchronous communication over synchronous and from that inspired a new idea. From this inspiration stemmed by a question I asked myself. "Why is chat the preferred way to communicate for teams?". Continue reading: https://web-crunch.com/posts/a-behind-the-scenes-look-at-my-failed-app-idea ==================== ☕️ Keep me awake. Buy me a coffee https://www.buymeacoffee.com/webcrunch ? One-Click Subscribe: https://www.youtube.com/user/webcrunchblog?sub_confirmation=1 ? Previously published at: https://web-crunch.com/posts/a-behind-the-scenes-look-at-my-failed-app-idea ?? Latest course: HELLO RAILS https://hellorails.io ? Check out the blog: https://web-crunch.com ? Check out my personal site: https://justalever.com ? Links: Weekly Newsletter: https://digest.web-crunch.com/ Twitter: https://twitter.com/webcrunchblog Github: https://github.com/justalever ?Check out my book on UX Design: "LUXD: Learn User Experience Design" https://web-crunch.com/products/luxd ? Check out my FREE book on Tumblr Theming: "Pro Tumblr Theming" https://web-crunch.com/proucts/ptt ? Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it! https://hatchbox.io/?via=andy ? Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease: http://bit.ly/webcrunchhosting ? Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered. https:// ... https://www.youtube.com/watch?v=2ed_L42crm8