Front-end development seemed simpler in the early 2000s, didn’t it? The standard website consisted mostly of static pages made of HTML and CSS seasoned with a pinch of JavaScript and jQuery. I mean, who doesn’t miss the cross-browser compatibility days, Continue reading Web Development Is Getting Too Complex, And It May Be Our Fault
Today, one billion people are 60 years or older. That’s 12% of the entire world population, and the age group is growing faster than any other group. Yet, online, the needs of older adults are often overlooked or omitted. So Continue reading A Guide To Designing For Older Adults
Few technological innovations can completely change the way we interact with computers. Lucky for us, it seems we’ve won front-row seats to the unfolding of the next paradigm shift. These shifts tend to unlock a new abstraction layer to hide Continue reading When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces
What will you make of the extra day that February has in store for us this year? Call an old friend, explore a new place, or get stuff done you have put off for so long maybe? Whatever you might Continue reading 29 Days Of Inspiration (February 2024 Wallpapers Edition)
Most product teams think in terms of features. Features are easy to brainstorm and write requirement docs for, and they fit nicely into our backlogs and ticketing systems. In short, thinking in terms of features makes it easy to manage Continue reading The Feature Trap: Why Feature Centricity Is Harming Your Product
Suppose you ask some AI-based chat app a reasonably simple, straightforward question. Let’s say that app is ChatGPT, and the question you ask is right in its wheelhouse, like, “What is Langchain?” That’s really a softball question, isn’t it? ChatGPT Continue reading A Simple Guide To Retrieval Augmented Generation Language Models
Imagine box-shadow but for a blur effect, where the backdrop of an element is blurred around that element, gradually decreasing the blur’s strength. I came up with the idea while trying to improve the contrast of a popup over a Continue reading CSS Blurry Shimmer Effect
Imagine it’s 2028, and you’re at your projected, suped-up workstation. “Hey AI,” you say, “I need some type options for this page heading…” Before finishing, your AI assistant, affectionately nicknamed TypeMaster3000, eagerly interrupts: “Something bold yet whimsical? Or Perhaps a Continue reading The AI Dilemma In Graphic Design: Steering Towards Excellence In Typography And Beyond
The border-image property is nothing new. Even deprecated Internet Explorer supports it, so you know we’re treading well-charted territory. At the same time, it’s not exactly one of those properties you likely keep close at hand, and its confusing concepts Continue reading The Complex But Awesome CSS border-image Property
Over the past 12 months, I’ve shared hundreds of tools in my newsletter, Web Tools Weekly. I feature tons of practical libraries, helpers, and other useful things for front-end and full-stack developers. These tools span numerous categories, including JavaScript libraries Continue reading Top Front-End Tools Of 2023
The current landscape of web tooling is increasingly more complex than ever before. We have libraries such as Solid, Vue, Svelte, Angular, React, and others that handle UI (User Interface) updates in an ergonomic fashion. The ever more important topic Continue reading SolidStart: A Different Breed Of Meta-Framework
Last time we met, I introduced you to the View Transitions API. We started with a simple default crossfade transition and applied it to different use cases involving elements on a page transitioning between two states. One of those examples Continue reading The View Transitions API And Delightful UI Animations (Part 2)
Maybe 2024 has already started as you’re reading this, maybe you’re still waiting for the big countdown to begin. Either way, it’s never too late or too early for some New Year’s inspiration! More than twelve years ago, we started Continue reading The Magic Of New Beginnings (January 2024 Wallpapers Edition)
Why does JavaScript have so many eccentricities!? Like, why does 0.2 + 0.1 equals 0.30000000000000004? Or, why does “” == false evaluate to true? There are a lot of mind-boggling decisions in JavaScript that seem pointless; some are misunderstood, while Continue reading Making Sense Of “Senseless” JavaScript Features
Animations are an essential part of a website. They can draw attention, guide users on their journey, provide satisfying and meaningful feedback to interaction, add character and flair to make the website stand out, and so much more! On top Continue reading Delightful UI Animations With Shared Element Transitions API (Part 1)
Animations are an essential part of a website. They can draw attention, guide users on their journey, provide satisfying and meaningful feedback to interaction, add character and flair to make the website stand out, and so much more! On top Continue reading The View Transitions API And Delightful UI Animations (Part 1)
Browsers shipped a new set of CSS viewport units in 2022. These units make it easier to size elements in mobile browsers, where the browser’s retractable UI affects the height of the viewport as the user scrolls the page. Unfortunately, Continue reading New CSS Viewport Units Do Not Solve The Classic Scrollbar Problem
Welcome back to my long read about building better components — components that are more likely to be found, understood, modified, and updated in ways that promote adoption rather than abandonment. In the previous installment in the series, we took Continue reading Building Components For Consumption, Not Complexity (Part 2)
You know what’s perhaps the “cheapest” way to make a slider of images, right? You set up a container, drop a bunch of inline image elements in it, then set overflow-x: auto on it, allowing us to swipe through them. Continue reading CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study
Design systems are on the tip of every designer’s tongue, but the narrative in the industry mainly focuses on why you need a design system and its importance rather than the reality of endless maintenance and internal politics. The truth Continue reading Building Components For Consumption, Not Complexity (Part 1)