Good technical illustrations and data visualisations allow users and clients to, in a manner of speaking, take time out, ponder and look at the information in a really accessible and engaging way. It can obviously also help you communicate certain categories of information and data. The aim of the article is to inspire and show […]
Alternatives To Typical Technical Illustrations And Data Visualisations Read More »
The State of CSS 2024 survey wrapped up and the results are interesting, as always. Even though each section is worth analyzing, we are usually most hyped about the section on the most used CSS features. And if you are interested in writing about web development (maybe start writing with us 😉), you will specifically
Popping Comments With CSS Anchor Positioning and View-Driven Animations Read More »
We all know how to do responsive design, right? We use media queries. Well no, we use container queries now, don’t we? Sometimes we get inventive with flexbox or autoflowing grids. If we’re feeling really adventurous we can reach for fluid typography. I’m a bit uncomfortable that responsive design is often pushed into discreet chunks,
Fluid Everything Else Read More »
This article is a sponsored by DebugBear We’ve all had that moment. You’re optimizing the performance of some website, scrutinizing every millisecond it takes for the current page to load. You’ve fired up Google Lighthouse from Chrome’s DevTools because everyone and their uncle uses it to evaluate performance. After running your 151st report and completing
Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website Read More »
We had fun in my previous article exploring the goodness of scrolly animations supported in today’s versions of Chrome and Edge (and behind a feature flag in Firefox for now). Those are by and large referred to as “scroll-driven” animations. However, “scroll triggering” is something the Chrome team is still working on. It refers to
Web-Slinger.css: Like Wow.js But With CSS-y Scroll Animations Read More »
Read A Deep Dive into Building Enterprise grade Generative AI Solutions and learn AI with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more. Continue reading A Deep Dive into Building Enterprise grade Generative AI Solutions on SitePoint.
A Deep Dive into Building Enterprise grade Generative AI Solutions Read More »
When the days are gray and misty as they are in many parts of the world in November, there’s no better remedy than a bit of colorful inspiration. To bring some good vibes to your desktops this month, artists and designers from across the globe once again tickled their creative ideas and designed unique and
Ingredients For A Cozy November (2024 Wallpapers Edition) Read More »
They’re out! Like many of you, I look forward to these coming out each year. I don’t put much stock in surveys but they can be insightful and give a snapshot of the CSS zeitgeist. There are a few little nuggets in this year’s results that I find interesting. But before I get there, you’ll
State of CSS 2024 Results Read More »
Every generation is different in very unique ways, with different habits, views, standards, and expectations. So when designing for Gen Z, what do we need to keep in mind? Let’s take a closer look at Gen Z, how they use tech, and why it might be a good idea to ignore common design advice and
Designing For Gen Z: Expectations And UX Guidelines Read More »
In this article, I try to summarize the best practices mentioned by various accessibility experts and their work (like this, this, and this) into a single article that’s easy to read, understand, and apply. Let’s begin. What are tooltips? Tooltips are used to provide simple text hints for UI controls. Think of them as tips
Tooltip Best Practices Read More »
