In a new series of posts, we highlight some of the useful tools and techniques for developers and designers. This time around, let’s look at vanilla JavaScript code snippets — resources and lightweight libraries to help you solve a problem without a large overhead or third-party dependencies. Every now and again we have to deal with legacy code, wading through dark and eerie sides of the code base, often with a vague, ambiguous and unsettling documentation —...
About The Author Frederick O’Brien is a freelance journalist who conforms to most British stereotypes. His interests include American literature, graphic design, sustainable … More about Frederick ↬[1] Quick, constant change is a given on the web. It is often one of its greatest strengths. As ever, though, there is a balance to find. Although longevity takes a different form online, its value is immeasurable. Disposability is a tricky term to handle in the digital world. So many things...
About The Authors Trys Mudford (@trysmudford) is a front-end developer who sits at the intersection between design and engineering, helping translate between the two functions … More about James & Trys ↬[1][2] By systemizing the fundamentals of typography and space, and leaning into the inherent fluidity of the web, a free new CSS tool called Utopia[3] offers an alternative to breakpoint-driven design. This shared language between design and development streamlines communication and encourages the creation of bespoke constraints...
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. Starting off the new month with a little inspiration boost — that’s the motivation behind our monthly wallpapers series[1] which has been going on for more than ten years already. Each month, the wallpapers are created by the community for the community and everyone who has...
About The Author Michael is a full stack engineer who is passionate about solving real business problems with code. He is a Lead Software Engineer at The Knot Worldwide as well … More about Michael ↬[1] Choosing to use a new technology can often bring much desired productivity, security, and efficiency to a project. It is also fraught with risk and uncertainty. How and when to adopt a new technology for client projects is at the heart of...
About The Author Juggling between three languages on a daily basis, Iris is known for her love of linguistics, arts, web design and typography, as well as her goldmine of … More about Iris ↬[1] In a new series of posts, we highlight some of the useful tools and techniques for developers and designers. Last weeks, we’ve covered CSS auditing tools[2], CSS generators[3] and accessible front-end components[4]. This time around, let’s look at SVG generators — for everything...
About The Author Victor is a Philadelphia based researcher, author, and speaker. His book Design for the Mind, is available from Manning Publications. Victor frequently writes … More about Victor ↬[1][2] 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,...
About The Author Akshay Ranganath is a Solution Architect at Cloudinary responsible for bringing customers on-board, helping them create work-flow for media management and media … More about Akshay ↬[1] 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. American scholar Mason Cooley deftly described a hard fact of life:...
About The Author Front-end developer based in Lagos, Nigeria. He enjoys converting designs into code and building things for the web. More about Timi ↬[1] 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. In this article, we’re going to look at reactivity in Vue, how it works, and how we can create reactive variables using newly created...
About The Author Stephanie Eckles is a front-end focused SWE at Microsoft. She’s also the author of ModernCSS.dev which provides modern solutions to old CSS problems as in-depth … More about Stephanie ↬[1] Eleventy[2] (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...