Photoshop is what many digital artists, photographers, graphic designers, and even some web developers have in common. What sets us apart is how we use the tool. In this tutorial, Yoanna Victorova shares her most often used Photoshop shortcuts and a few key parts of her creative process. To profit the most from this tutorial, some familiarity with Photoshop would be required, but you should be able to follow along because every technique will be explained in detail. For this article, she decided to use one of her most famous Photoshop artworks named “Regret”.
Read more…
While effective bundling of resources on the web has received a great deal of mindshare in recent times, how we ship front-end resources to our users has remained pretty much the same. The average weight of JavaScript and style resources that a website ships with is rising — even though build tooling to optimize the website has never been better. With the marketshare of evergreen browsers rising fast and browsers launching support for new features in lockstep, is it time we rethink asset delivery for the modern web? Today, Shubham Kanodia will give you some answers.
Read more…
Designing apps for mental health is one area where UX designers can have a huge impact. You might assume that there are already dozens of wonderful digital therapies available for people struggling with mental health disorders. Bu most apps are useless at best, and harmful at worst, due primarily to a disconnect between the designers building the apps and the patients and providers in the field of mental health. In this article, Marli Mesibov will look at the issues with current apps, and guidelines to ensure UX practitioners are using clinically proven methods for improving mental health treatment.
Read more…
When creating mobile apps, you have to create and maintain the user interface and app logic for both iOS and Android separately: Objective-C/Swift with XCode and Java with Android Studio. That can quickly turn into a pain. With Xamarin.Forms, however, the UI and app logic for your app resides in a single codebase and you get to use a single IDE to maintain it all — saving time and headaches. In this article, take a lap around Xamarin.Forms to see what it can do for you.
Read more…
Forms are at the center of every meaningful interaction, so they’re worth getting a firm handle on. That’s why we published Form Design Patterns, a new printed book about accessible and well-designed web forms. With the new Form Design Patterns book, you will go through common real-world problems step by step, and learn how to design simple, robust, lightweight, responsive, accessible, progressively enhanced, interoperable and intuitive forms that let users get stuff done no matter what. And by the end of the book you’ll have a close-to exhaustive list of components delivered as a design system that you can use immediately in your own projects. Jump to table of contents or get the book right away.
Read more…
We’re happy to announce Adam Silver’s new book Form Design Patterns. In this excerpt from the book, Adam takes a look at the foundational qualities of a well-designed form and how to think about them.
Read more…
Good functional animation makes a landing page not just more appealing, but also more usable. When done correctly, animation can turn a landing page from a sequence of sections into a carefully choreographed, memorable experience. Today, Nick Babich brings you Slides, a framework that will help you use animation to communicate clearly. In this article, Nick will provide the best examples of animation created using the Slides framework.
Read more…
Gutenberg is the future of WordPress, and it is just around the corner. WordPress usually releases its major features as a plugin to test the waters before baking them into the core. Gutenberg is no exception. In this article, Muhammad Muhsin will show you how to go about building your first Gutenberg block. You will be building a Testimonials Slider Block while dwelling on the basics of Gutenberg. Brace up for it by learning how to build your own custom Gutenberg block.
Read more…
In this article, Vitaly Friedman brings you the videos from our Toronto Smashing Conf, which are now available! Toronto was our all live-coded conference. Take a look at what our speakers got up to without their usual slide decks. The speakers had been asked to present without slides. And it was brilliant!
Read more…
Dealing with this in JavaScript can be tricky. But what if instead of fight against it we could leverage on it to achieve nice stuff like function composition with virtual methods? This is what Willian Martins is going to explore in this article about one of the potential upcoming JavaScript features: The Bind Operator. The goal here is to add some hype around it and create awareness of the hard work that TC39 is doing to find consensus, fix all the syntax and semantics issues and have it shipped with the next releases of ECMAScript.
Read more…