December 16, 2019 — Having a face-to-face meeting with your client can cause anxiety for those of us that push pixels for a living, but even the simplest kind of sketching can help. The sitemap meeting can be a minefield of multiple stakeholders, multi-dimensional categories, historical analytics, new products and mobile-first demands. Using a live illustration of a customer site journey, you can create a meaningful sitemap with which site visitors will resonate. Read more…

December 13, 2019 — Inclusive Components started shipping this month, and the response is overwhelmingly positive. This book is an essential handbook on how to build the most common interface patterns in an accessible way, but it’s also a set of blueprints for building inclusively on every project. Read more…

December 12, 2019 — You spend so much time focused on other people’s websites that it’s easy to put yours on the backburner and tell yourself, “I’ll fix it up someday soon.” But do you really want to wait to improve your professional portfolio site? It could be bringing you a lot more business — a lot more quality business, too — if you’d only spend some more time on it. In this article, Suzanne Scacca explains why spending that time turning it into a PWA would be worth your while. Read more…

December 11, 2019 — A roundup of Advent Calendar sites of interest to web designers and developers. From accessibility to UX, coding challenges to Perl, there really is something for everyone this December. Read more…

December 10, 2019 — Today, Rachel Andrew spoke about how to build a CSS layout. Follow along and learn how to use Grid and Flexbox, as well as why Rachel makes certain decisions as she builds out the layout. In this session, Rachel will be building a component of a layout, talking through her thinking as she does so. Is Flexbox or Grid the right method to use? How will the component respond to different screen sizes? And, what about those old browsers? Read more…

December 10, 2019 — “If you build it, they will come.” That’s certainly true when you put a lot of time and effort into building websites and PWAs for clients. But what happens when “they will come” becomes “too many of them came all at once and now the site’s gone down”? Traffic surges do happen. But rather than let your website become victim to them, Suzanne Scacca will show you how you can set it up to be the victor, with this guide. Read more…

December 9, 2019 — Brand illustrations are an adaptable and effective way to build a company’s visual brand. In this article, Yihui Liu outlines her process for developing a strong brand illustration system. Her approach has been refined over 10 years of study and professional experience in China and Europe, and draws examples from her latest work as Lead Designer at Spacebase. Read more…

December 6, 2019 — Every website or PWA you build should automate as much prospecting and selling as possible. The only thing is that visitors enter websites with various mindsets, depending on which part of the buying stage they’re at. This means that you can’t just take every person who enters the site through the same path. You have to design a custom sales funnel (or pathway) for each kind of buyer. In this article, Suzanna Scacca will tell you what you need to keep in mind. Read more…

December 5, 2019 — 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…

December 4, 2019 — 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…