Writing in a new language requires time and practice. Front-end developer Brian Holt guides readers through building a drum sequencer in Elm. In part one of this two-part series, he’ll walk through the foundational concepts in Elm, i.e. getting started, using types, rendering views, and updating state. You will learn how to work with the Elm architecture in order to create simple applications.
Read more…
In experience design, friction is the newsletter signup overlay covering the actual content, the difficult wording on a landing page, or the needless optional questions in a checkout flow. It’s usually the opposite of being intuitive or effortless. However, that doesn’t mean that it’s always bad for the users. In this article, Zoltan Kollin will show you when and how friction can be an efficient tool to actually design better experiences.
Read more…
Why is Visual Studio Code (VS Code) so popular, and do we really need another text editor? In this article, we’ll take a look at how VS Code extends traditional text editor concepts and opens up entirely new avenues of productivity for developers. These are all the best things about VS Code that nobody ever bothered to tell you.
Read more…
Though we have a good understanding of the types of button design rules that universally work, there will be times when you’re surprised by a rogue element that performs well. Like ghost buttons. They aren’t much of a mystery, despite their eerie-sounding name. They’re call-to-action (CTA) buttons for your website, like any other. The key difference is in how they look. Logic would dictate that ghost buttons are not good for web design. Yet, research shows us that visitors don’t necessarily see them that way.
Read more…
Personal reflection enables us to process and make meaning of all of the great (and not so great) learning and working experiences we’ve had. Everyone stands to gain from engaging in some type of reflection. We can also encourage others to grow through personal reflection. In this article, Victor Yocco will cover some of the benefits of personal reflection, as well as methods of reflecting that you can incorporate into your routine.
Read more…
The UI development became difficult in the last couple of years. That is because we pushed the state management to the browser. And managing state is what makes our job a challenge. If we do it properly, we will see how our application scales easily with no bugs. In this article, Krasimir Tsonev will see how to use the state machine concept for solving state management problems.
Read more…
We asked our readers and the community to use everything they could to make their websites and projects perform blazingly fast. Today, Cosima Mielke is thrilled to show off the results of this challenge and announce the winner who will be awarded with some smashing prizes indeed! Thanks to everyone who participated in the challenge! We were quite happy with the quality of the submissions we received, and it honestly wasn’t easy to choose a winner. Keep up the brilliant work!
Read more…
Even when mobile pages are well designed, there’s a lot of information required when buying: Our contact information, shipping and billing addresses, shipping option and card details. If you’ve ever just given up sometimes, you’re in the majority. The abandonment rate on mobile can be as high as 84% or more! With the rise and rise of mobile browsing over recent years, this means the overall problem has been getting worse and worse. The W3C Working Group has been busy developing new standards to help make online payments much easier. In this article, Peter O’Shaughnessy provides you with the latest updates and explores the API with a basic example.
Read more…
Despite all the New Year’s resolutions you might have made, sometimes it’s the small things that work wonders. A tidy desktop and a new, inspiring wallpaper that caters for a little inspiration shot when you need one. To welcome 2018, artists and designers from across the globe created unique desktop wallpapers for you to indulge in — with and without a calendar for January. Time to give your desktop a makeover and start the new year off freshly inspired.
Read more…
Once web apps function like native apps, the design interactions would also change to address the use case — namely, the ubiquity of animations. As web developers, we need a good foundation to create animations that are both performant and maintainable, which is paramount to the native web app landscape. In this article Christopher Ng will show you how to go from After Effects to CSS transitions, animations and keyframes.
Read more…
