Menu

HTML

The Auto-Flowing Powers of Grid’s Dense Keyword

January 8th, 2020

Let’s say we’re working on the homepage of a news website. You’re probably used to seeing some card-based content in a grid layout, right? Here’s a classic example, The New York Times: Yeah, something like that. There are going to be some cards/elements/boxes/whatever that need to take up more space than others. A featured article…

So Many Color Links

December 27th, 2019

There’s been a run of tools, articles, and resources about color lately. Please allow me to close a few tabs by rounding them up here for your enjoyment. Curated colors in context Happy Hues demonstrates a bunch of color palettes in the context of the site itself. That’s a nice way to do it, because…

Why do we use .html instead of .htm?

December 26th, 2019

Interesting question from Andy: Serious question. Why do we use .html instead of .htm? / @adactio @css — Andy Clarke (@Malarkey) December 12, 2019 The most likely answer from the thread: DOS was a massive operating system for PCs for a long time and it had a three-character limit on file extensions. Interesting that the…

PHP Templating in Just PHP

December 26th, 2019

With stuff like template literals in JavaScript and templating languages, like JSX, I’ve gotten used to wanting to write my HTML templates in one nice chunk and sprinkling in variables wherever I need them. I had a situation where I needed to do that in “raw” PHP the other day, so I’m just documenting it…

Is Web Design Easier or Harder Than it was 10 Years Ago?

December 20th, 2019

Is it harder or easier to build a website now than 10 years ago? Has the bar gone up or down? I don’t have any data for you, but I can shell out some loosey-goosey opinions. HTML HTML5 was the only big HTML change in the last decade, and it wasn’t particularly dramatic. It’s cool…

Auto Layout lands in Figma

December 5th, 2019

Here’s a fresh update to my favorite design tool that is thoroughly exciting: Auto layout! That means we can make frames that resize based on the size of the content within it. That’s particularly useful for buttons in a design system where you want to drop a button on the page and then keep its…

Masking GIFs with other GIFs

December 3rd, 2019

The other day, Cassie Evans tweeted a really neat trick that I’ve never seen before: using SVG to mask one GIF on top of another. The effect is quite lovely, especially if you happen to grab a colorful GIF and place it on top of a monochrome one: See the Pen Masking gifs with other…

We are Programmers

November 22nd, 2019

Building websites is programming. Writing HTML and CSS is programming. I am a programmer, and if you’re here, chances are you’re a programmer, too. The thing is, the details in programming layout with CSS are different, for example, than the details in programming API endpoints with Ruby. Or machine learning with Python. Or programming a…

Everything and Nothing

November 22nd, 2019

I’ve been thinking about the question for a solid month now. What about building websites has you interested this year? The question pervaded my solitary thoughts and played in the background during my conversations. I’d love to just tell you the answer I’ve come to, but the more interesting part was my thought journey in…

How Building in the Open Can Change Our Industry

November 21st, 2019

I have to admit, I’m a developer who hasn’t built a website. When I first read Chris’s question, I sat in silence for at least a minute. Which technical topic did I want to discuss? A new library, programming language or best practice? Nothing, in particular, came to mind. Is that because I’m a new…