Minding the gaps: A new way to draw separators in CSS

Minding the gaps: A new way to draw separators in CSS

Drawing separator lines between various sections of a webpage is a common design technique, which can help to structure the content and make it more readable, as well as more aesthetically pleasing. As we’ll see in this article, there are techniques you can use today...
Every HTML Element

Every HTML Element

There are over a hundred HTML elements. This page uses all of them. You’re looking at <p></p> right now. HTML loves text. We can get some huge text with <h1></h1>.
Extending the cursor

Extending the cursor

The cursor has transformed from a simple pointing device into a powerful tool for enhancing user interaction and providing contextual feedback. Software and games are raising the bar for what the cursor interface can do, demonstrating how thoughtful extensions of a...
A CSS-Only Star Rating Component and More! 

A CSS-Only Star Rating Component and 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...