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…
What are Design Tokens and how are they used? What problem do they solve? How can they be used within an existing Design System? In this episode of Smashing Podcast, Drew McLellan talks to someone who is much more than a token expert: Jina Anne.
Read more…
Making our code CMS as agnostic as possible enables us to easily port our application to another CMS if the need arises. Since these CMSs and frameworks (WordPress, Drupal, Laravel) all run on PHP, making their PHP code re-usable too will make it easier to run our components on all these different platforms. In this article, Leonardo Losoviz will show you how code abstraction works, why it is a good idea, and the key concepts to achieve it.
Read more…
Welcome to another monthly update to keep you all in the loop about all things smashing. Today, join Iris Lješnjanin as she share the latest news and highlight the things we have enjoyed reading over the past month. In the fast-paced industry that designers and developers work in, it’s important to stay up to date as much as possible. Don’t worry, we’ve got your back with monthly updates to help you stay on top of things.
Read more…
In these two videos (a webinar recorded for our Smashing Members and a presentation from SmashingConf Freiburg), Rachel Andrew invites you to discover all the tips and tricks you need to help you design HTML emails. Follow along as Rémi Parmentier shares what he knows about taming email clients.
Read more…
Task switching is a design killer. Find out why switching and interruptions are even more serious than you think and how biology makes it difficult to resist the temptation to just check your email every few minutes. In this article, Eric Olive will show you how to slay the distraction dragon with five practical tips for increasing focus as you tackle challenging design problems.
Read more…
Agile has had a long time to infiltrate software development. While the methodology advocates for “co-located, dedicated teams,” in its ubiquity Agile is frequently applied to teams partially or fully composed of part-time workers. While there are lessons to be taken from the practice, Agile must be adapted to support, rather than hinder, part-time teams. In this article, Philip Kiely will consider applying Agile to a team of 5-10 people each working 20 hours per week on a project.
Read more…
The video from SmashingConf New York is ready to share. If you didn’t manage to get a ticket, this post should give you a feel for what happened. Rachel Andrew rounds up the event with all the video, photos and memories of the fun we had together in New York. We also have the video of the presentations to share with you.
Read more…
We’ve all dealt with analysis paralysis before. Do I choose vanilla, strawberry or one of the 30 other flavors? And do I go with the cone or cup? When it comes to putting our visitors on the spot, giving them too many options hurts their decision-making ability along with how they feel about the experience as a whole. While you can’t do anything about how much “stuff” is on your site, you can design it in a way that makes it easier for your visitors to make a choice. Today, Suzanne Scacca will look at what it is about the psychology of choice that can be detrimental for conversions and what you can do to keep your PWA visitors from succumbing to it.
Read more…
Before the home page, there was the front page. From the Gutenberg Principle to grid systems to above the fold, newspapers teach us much about the foundations of web design. In this article, Frederick O’Brien will examine several tenets of newspaper design and show their connection to best practice online. At the core of that connection is a principle childlike in its simplicity, one newspaper and web designers alike would do well to remember.
Read more…
