Latest News

Google, Airbnb, Slack, MailChimp, Facebook, Etsy, IBM, Dropbox… everybody has a design site these days.

Direct Link to Article — Permalink…

The post Design Microsites appeared first on CSS-Tricks.

I’ve been watching a lot of nature documentaries lately. I like how you can either pay super close attention to them, or use them as background TV. I was a massive fan of the original Blue Planet, so it’s been cool watching the Blue Planet II episodes drop recently, as one example. A typical nature documentary will always have a little look how bad we’re screwing up the environment twist, which is the perfect time and place for such …

The post Extinct & Endangered appeared first on CSS-Tricks.

I remember seeing these accessibility guidelines from Vox a while ago but it’s still interesting to go over them again today and see if there’s anything missing from my own process when it comes to improving accessibility.

And there’s an awful lot to remember! Color contrast, alt-text, keyboard navigation, focus states, and ARIA attributes are only a small snippet of the total number of things we ought to be mindful of when designing websites and so this checklist is certainly …

The post Vox Accessibility Guidelines appeared first on CSS-Tricks.

I’m sure you know about alt text. It’s the attribute on the image tag that has the important task of describing what that image is for someone who can’t see it for any reason. Please use them.

I don’t want to dimish the please use them message, but some interesting alt-text-related things have come up in my day-to-day lately that are related.

When you don’t

Hidde de Vries wrote You don’t always need alternative text recently:

But when an icon …

The post Some Things About `alt` Text appeared first on CSS-Tricks.

I record quite a few short little videos. Sometimes for use demonstrating bugs or weirdnesses. Sometimes right here for the blog. A lot of times for Instagram or other social media.

Allow me to get SUPER NITPICKY about what I like.

• Multiple formats. Sometimes you need a GIF. Sometimes you need an MP4. Sometimes you need both. It’s ideal if the software can export as either or both.
• Easily resizeable recording area. If you need to record the entire screen,

…

The post Screen Recording Utilities for macOS appeared first on CSS-Tricks.

Among the many JavaScript APIs added in HTML5 was Drag and Drop (we’ll refer to it as DnD in this article) which brought native DnD support to the browser, making it easier for developers to implement this interactive feature into applications. The amazing thing that happens when features become easier to implement is that people start making all kinds of silly, impractical things with it, like the one we’re making today: a parking game!

DnD requires only a few things …

The post Creating a Parking Game With the HTML Drag and Drop API appeared first on CSS-Tricks.