design tips

Having been in the web development industry for more than 14 years, I’ve seen and written my fair share of good and bad CSS. When I began at Ramsey Solutions five years ago, I was introduced to Sass. It blew my mind how useful it was! I dove right in and wanted to learn everything I could about it. Over the past five years, I’ve utilized a number of different Sass techniques and patterns and fell in love with some … Read article

The post Sass Techniques from the Trenches appeared first on CSS-Tricks.

In the new year edition of the Clearleft newsletter, Jeremy Keith linked to the design principals Danny Hillis thought about while considering a clock that would work for 10,000 years.

Here’s part of that page, satisfyingly displayed as a <dl>:

Longevity:

Go slow

Avoid sliding friction (gears)

Avoid ticking

Stay clean

Stay dry

Expect bad weather

Expect earthquakes

Expect non-malicious human interaction

Dont tempt thieves

Maintainability and transparency:

Use familiar materials

Allow inspection

Rehearse motions

Make it easy

… Read article

The post The 10,000 Year Clock Design Principals appeared first on CSS-Tricks.

As a young nerd, I loved to immerse myself in digital worlds, learning the ins and outs of the rules someone else had created for me (intentionally or not). But the older and crankier I get, the more I find myself losing patience when navigating these “delightful” experiences.

This fascination was great for my eventual career as a designer, but unfortunately, it was also like teaching someone kerning—once you learn how to quantify a bad user experience, you can’t … Read article

The post Reader Mode: The Button to Beat appeared first on CSS-Tricks.

I love how Bruce steps up to the plate here:

If the importance of good HTML isn’t well-understood by the newer breed of JavaScript developers, then it’s my job as a DOWF (Dull Old Web Fart) to explain it.

Then he points out some very practical situations in which good HTML brings meaningful benefits. Maybe benefits isn’t the right word, as much as requirement since most of it is centered around accessibility.

I hope I’ve shown you that choosing the

… Read article

The post The practical value of semantic HTML appeared first on CSS-Tricks.