Figma has become a very popular tool for web and product designers, mainly because of its focus on design teams and team libraries. In this article, Emiliano Cicero aims to help you avoid mistakes and assist you with the building of your own Figma component library. He’ll also cover in detail the components’ organization and will give you a possible solution if you have a large number of icons in the library.
Read more…
Whether it’s you adding Webmentions, removing tracking scripts from a website, recycling plastic, picking up trash from the street to throw it into a bin, or cycling instead of driving to work for a week, we all can make things better for ourselves and the people around us. We just have to do it. For his monthly reading list, Anselm Hannemann summarized what has happened in the web development world in the past few weeks. From browser news and UI/UX to privacy, tooling, work and life.
Read more…
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…
