Articles Tagged

Introducing: CodePen 2.0!…

A question:

If you copy a code sample that uses two-space indentation and you want to convert it to four-space indentation, what’s the *fastest* and easiest option?

Matt Stauffer, Twitter

I wrote about doing this in Sublime Text a …

MutationObserver watches the DOM, specifically the places you tell it to, like:

document.querySelector('#watch-this');

…and it can tell you (trigger a callback) when stuff happens — like when a child is added, removed, changed, or a number of other things.

I …

I’m very excited this feature is ready for y’all. You can take any <pre></pre> block of HTML, CSS, and JavaScript (or any combination of them) and enhance it into an embed, meaning you can see the rendered output. Very progressive …

We’ve released the Most Hearted Pens, Posts, and Collections on CodePen for 2018! Just absolutely incredible work on here — it’s well worth exploring.

Remember CodePen has a three-tiered hearting system, so while the number next to the heart reflects …

This is an outstanding list of creative and artistic browser demos from this past year from Mary Lou at Codrops.…

We did a Web Developer Economics series a few years ago, where we looked at the various costs of being a web developer:

1. Web Developer Economics: One-Off Software Costs
2. Web Developer Economics: Hardware Costs
3. Web Developer Economics: Monthly Service Costs

Prototyping animations and interactions is vital for a number of reasons: they can make your interface feel deceptively fast, they can help focus the user on a specific task, and they can provide a better sense of the current state …