By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called Utopia offers an alternative to breakpoint-driven design. https://smashingmagazine.com/2021/04/designing-developing-fluid-type-space-scales/
Let’s welcome the new month with some fresh wallpapers. Designed with love by artists and designers from across the globe, they are available with and without a calendar for April 2021. https://smashingmagazine.com/2021/03/desktop-wallpaper-calendars-april-2021/
In this article, Michael Rispoli explains how he evaluated the decision of whether or not to adopt a serverless database for client projects. This decision will focus on three lenses: the functional aspects of the technology, the developer experience, and the business ramifications of adoption. https://smashingmagazine.com/2021/03/choosing-new-serverless-database-technology-agency/
Today, we’ll look at SVG generators — for everything from SVG shapes and backgrounds to SVG path visualizers and SVG → JSX generators. https://smashingmagazine.com/2021/03/svg-generators/
UX practitioners can play an important role in growing the UX maturity of the organizations and products they work with. This article, the second in a three-part series, presents two additional tactics that can be helpful for those working in organizations that have started engaging in UX, but are still at the lower to middle stages of maturity: knowledge sharing and mentorship. You can use these tactics stand alone, together, or in tandem with the ones covered previously. https://smashingmagazi
How do we get media performance right while staying within performance budgets? Let’s take a look at the recent stats and data around performance budgets, video playback performance issues and some techniques and tools to address these issues. https://smashingmagazine.com/2021/03/boost-media-performance/
Reactivity is the ability for a variable (array, string, number, object, etc) to update when its value or any other variable that it makes reference to is changed after declaration. https://smashingmagazine.com/2021/03/reactivity-in-vue/
Eleventy (aka 11ty) is rising in the ranks among static site generators. This Node-based builder is attractive due to its zero-config starting point, purely static output, and ease of achieving the coveted top Lighthouse performance score of four perfect 100s. Let’s dive into what else makes it unique, and learn about some essential concepts to help you successfully get started. https://smashingmagazine.com/2021/03/eleventy-static-site-generator/
One of the drivers of the popularity of headless options is that expectations for the quality of user experience are constantly going up. We have a wealth of tools to help developers build things fast so results are expected quickly. Going headless lets your team take full control of the user experience instead of wrestling with a large tool that doesn’t do quite what you wanted. https://smashingmagazine.com/2021/03/going-headless-use-cases/
In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS Auditing Tools and CSS Generators, and this time we look into reliable accessible components: from tabs and tables to toggles and tooltips. https://smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/