Through this unique “Inspired design decisions” series of article and webinars, Andy Clarke will change that. In the first edition of Inspired Design Decisions, Andy will “Say hello to skinny columns,” a technique which adds one extra narrow column to an otherwise conventional column grid. He explains how to design with, then implement skinny columns using meaningful markup and efficient CSS. He also explains how to design using modular grids to fill your designs with energy.
Read more…
Take a moment to remember the last time you collaborated in a code review. Did your team overcome feedback resistance and manage time expectations? Fostering a healthy mindset is the key to build trust and sharing knowledge with your colleagues. In this article, Sandrina Pereira will share how this outcome can be changed by changing your mindset during a code review as a team, as an author and as a reviewer.
Read more…
How can we improve our keyboard-only (KO) and Assistive Technology (AT) user experiences without affecting the experience for anyone else? In this article, we’ll dig into some specific, practical examples including skip links, navigation menus, modal focusing, and user education components. In this article, Aaron Pearlman is going to go over a few of those affordances that can make your KO/AT user experiences better without really changing the experience for anyone else.
Read more…
Styling applications is a world in itself, one not often given the importance and attention it deserves. With complex modern user interfaces, it’s only matter of time before your app becomes a mess of unordered styles, reducing consistency and making it harder for new code to be added or changes made to the existing codebase. In this article, Ajay NS welcomes you to take a detailed dive into the different ways of organizing styling in modern applications which often have complex interfaces and design patterns. Let’s walk through BEM, preprocessors, CSS-in-JS and even design systems to find out what works best for you.
Read more…
How do browsers and HTML support screen readers today? In this article, Be Birchall explains why it’s so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers. Lack of awareness and prioritization, rather than any technical limitation, is currently the main barrier to an accessible web. We hope to shift your perspective closer to Haben Girma’s by showing how web accessibility fits into the broader areas of technology, disability, and design.
Read more…
Are you using many full-sized images on your WordPress site? Take note that this is causing your pages to load slowly. A slow website affects your SEO, increases the bounce rates, and keeps your audience at a distance. There are many ways to speed up your WordPress site, each one complementing the other. In this article, Adelina Țucă will help you learn how to easily optimize all the images on your site (manually or on autopilot) in order to gain better loading times.
Read more…
By using Framer X, you will speed up your design process and will be able to better communicate the interaction of your designs to the team and stakeholders. In this tutorial, Martina Pérez will show you how to build prototypes and interactions by making use of the pre-built components in Framer X and the ones available in the Framer Store. It should be useful for web designers having none to very little coding experience, interested in learning more about how to better communicate the interactions in the user interfaces they are building.
Read more…
While building a strong customer culture takes a multi-prong approach, workshops are fun and easy — perfect for jumpstarting a sluggish culture and giving participants the thinking tools necessary to filter decisions through the customer lens. In this article, Claire Mason has documented the process around four types of workshops that you can use to drive customer-centricity in your own companies. The workshops are divided into two categories: “general” and “project-specific”. General refers to workshops that are designed for anyone to participate. Project-specific workshops are best run with a particular, actionable outcome in mind.
Read more…
The web is wonderfully diverse and unpredictable because of wonderfully diverse people shaping it. In this new series of short interviews, we talk to interesting people doing interesting work in our industry and sharing what they’ve learned. Today, Vitaly Friedman talks to Brad Frost, author of the book Atomic Design that introduces a methodology to create and maintain effective design systems.
Read more…
Let’s kick off June with some fresh inspiration! Artists and designers from across the globe once again tickled their creativity to cater for beautiful and unique wallpapers. Available with and without a calendar for the month. All images can be clicked on and lead to the preview of the wallpaper, and you can feature your work in our magazine, too. So if you have an idea for a July wallpaper design, please don’t hesitate to submit it. We’d love to see what you’ll come up with.
Read more…