Grouping selected items is a design choice often employed to help users quickly grasp which items are selected and unselected. For instance, checked-off items move up the list in to-do lists, allowing users to focus on the remaining tasks when they revisit the list. We’ll design a UI that follows a similar grouping pattern. Instead […]
Grouping Selection List Items Together With CSS Grid Read More »
Icons may look sleek, but they often create confusion and increase cognitive load, especially in complex applications. Text labels, on the other hand, provide clear, unambiguous communication, making them a far superior choice for usability and accessibility in design.
Why Icon-Only Design Is Failing Users: The Case for Text Labels Read More »
A much-needed disclaimer: You (kinda) can use functions now! I know, it isn’t the most pleasant feeling to finish reading about a new feature just for the author to say “And we’ll hopefully see it in a couple of years”. Luckily, right now you can use an (incomplete) version of CSS functions in Chrome Canary
Functions in CSS?! Read More »
When it comes to custom WordPress development, theme frameworks like Sage and Genesis have become a go-to solution, particularly for many agencies that rely on frameworks as an efficient starting point for client projects. They promise modern standards, streamlined workflows, and maintainable codebases. At face value, these frameworks seem to be the answer to building
The Case For Minimal WordPress Setups: A Contrarian View On Theme Frameworks Read More »
Discover the top 10 AI code review tools for 2025, including GitHub Copilot, CodeScene, and PullReview. Learn how these tools use machine learning and NLP to automate bug detection, optimize performance, and improve code quality. Continue reading 10 Best AI Code Review Tools and How They Work on SitePoint.
10 Best AI Code Review Tools and How They Work Read More »
Creating a star rating component is a classic exercise in web development. It has been done and re-done many times using different techniques. We usually need a small amount of JavaScript to pull it together, but what about a CSS-only implementation? Yes, it is possible! Here is a demo of a CSS-only star rating component.
A CSS-Only Star Rating Component and More! (Part 1) Read More »
With the days getting noticeably longer in the northern hemisphere, the sun coming out, and the flowers blooming, March fuels us with fresh energy. And even if spring is far away in your part of the world, you might feel that 2025 has gained full speed by now — the perfect opportunity to put all
Sunshine And March Vibes (2025 Wallpapers Edition) Read More »
Even tech giants like Google stumble, with flops like Google+ and Google Glass proving that not every idea sticks. Often caused by overestimating demand or poor execution, these failures show that even the boldest innovators sometimes miss the mark.
Compilation: 15 Hilarious Google Flops Read More »
You can find the <details> element all over the web these days. We were excited about it when it first dropped and toyed with using it as a menu back in 2019 (but probably don’t) among many other experiments. John Rhea made an entire game that combines <details> with the Popover API! Now that we’re
Using & Styling the Details Element Read More »
The classic blue hyperlink is fading as designers adopt colorful, creative alternatives. While stylish, these modern links can sometimes confuse users, leaving many nostalgic for the simplicity of the original blue.
Goodbye, Blue Links—Hello, Rainbow Revolution! Read More »
