No frills, or flashing neon frills with sprinklers attached? ‘Brutalist’ websites have flourished in recent years, but their guiding philosophy remains unclear. Brutalist web design has grown so quickly that there does not seem to be a clear consensus on what the style actually is. To some it means practicality, to others audacity. Love it or hate it, brutalist architecture celebrates rawness.
Read more…
Are you using sticky elements on your mobile website or PWA? If so, take a moment and ask yourself this question: Do you have anything in them besides your logo, hamburger menu or search bar? If that’s not the case, then it’s time to shake things up. Your mobile visitors are primed to take action. You just need to make it easy for them to do so — and sticky bars and elements are the perfect opportunity to do that. In this article, Suzanne Scacca is going to show you some creative uses for sticky elements in mobile design, so you can help more of your visitors to take action.
Read more…
To combat screen fatigue, voice assistants have entered the market to become a preferred option for quickly retrieving information. Voice assistants are hopping out of emerging tech and into everyday life. As a front end developer, you already have the skills to build one, so, in this article, Tris Tolliday will dive into the platforms.
Read more…
In this tutorial, Alvin wan will show you how to write the game mechanics for a virtual reality game, which is closely coupled with the real-time multiplayer elements of the game. The goal is to “turn on” all orbs, where an orb is “on” if it’s elevated and bright. An orb is “off” if it’s lower and dim. However, certain “dominant” orbs affect their neighbors. This forces both players to collaborate to solve the puzzle.
Read more…
Today, Tom Čakloš will show you how to create limits and rules to follow throughout the entire design process. There is an unlimited number of ways in which you can combine elements in a user interface. You may be struggling with all of the possibilities and trying to pick the best option among many “correct” options. This article is intended for beginner UI designers who want to learn how to make their designs more consistent and user-friendly. You don’t need a lot of experience in order to be able to follow the tips and tricks shared in it, so let’s dig in right away!
Read more…
Heydon Pickering’s new book “Inclusive Components” is here, and it’s shipping worldwide. The book explores accessible, robust solutions for the interface patterns we use every day. Jump to table of contents or get your book right away.
Read more…
In this article, Saravanan V aims to be a primer on iOS animations exhaustively covering different ways of doing so. We start off by understanding the basics of animations, move to the Core Frameworks building a single example using the different methods offered and finally looking at ways to tune performance. The goal is to educate the reader with a set of choices to add animations to his/ her iOS app.
Read more…
In UI/UX, a common pattern that’s needed time and again is that of a simple animated opening and closing panel, or ‘drawer’. You don’t need a library to make these. With some basic HTML/CSS and JavaScript, we’re going to learn how to do it ourselves. In this article, Ben Frain is going to share the details of his ‘go-to’ method in detail in this article. Let’s consider possible approaches first.
Read more…
Our products become slower, clunkier and more painful to use — often simply unbearable for keyboard- and screen reader users, and as such fragile and vulnerable for legal disputes. Let’s fix it. IToday, we bring you Heydon Pickering’s new book Inclusive Components, which explores more accessible and robust solutions for the UI patterns we author, plug in, and use every day. Jump to table of contents or pre-order the book right away.Read more…
This is a detailed guide for those who are struggling with tables in Figma. Today, Sasha Belichenko will show you how to create a table using components, so that later on you could save a lot of time on scalability and edits. Moreover, you’ll be able to easily integrate the table into your design system. To follow along, you will need to have at least some understanding of the basic Figma concepts, its interface, and how to work with Figma components. So, without further ado, let’s dig in!
Read more…
