The language that grew up with meread the full article
You know those kid’s bikes that you can upgrade from a balance bike to a something that will take your child to elementary school? CSS did something like that for me.
Not knowing thingsread the full article
Chris Coyier updates his stance on his Great Divide theory:
"Since there is too much for any web developer to know, what is the most graceful and professionally acceptable way of not knowing things?"
I think the answer is honesty.
This website, 2023 editionread the full article
So, I rebuilt my website, again. Not because I grew bored of my design (at least not entirely), not because I wanted to update it for the Indieweb Revolution that’s certainly coming this year, for sure. It’s because my old Hugo setup was coming apart at the seams. I overcomplicated things and now i started to get the consequences of it. Time to rebuild a new over-engineered, complicated monstrum from scratch without realizing it!
From Notion to Eleventy, but fasterread the full article
I don’t usually do multipart posts, but this one grew a bit after I published the initial article. The setup I’ve got there describes how to import content from Notion to Eleventy and render a site. But it’s getting very slow very soon.
From Notion to Eleventyread the full article
Static Site Generators are a great tool to generate a JAM Stack website from a data feed. That feed can be markdown files, or like in the case of Eleventy, an API endpoint that returns its data as an object. I thought It would be simple enough to attach Notion, as it makes an awesome CMS. The two seem like they could pair up really well, but getting them actually to play nice with each other takes some work.
Writing a Game in TypeScriptread the full article
I know people make all kinds of stuff with
Web Technology as a Spectrumread the full article
Josh W. Comeau talked on Twitter about no-code solutions, specifically for CSS, and how they impact what developers work on after trivial tasks in their workflow have been automated.
Imagine a spectrum. At one end, you have template-focused website builders like SquareSpace. A little further along, you have Webflow. At the opposite end, you have raw HTML/CSS.
This is a very nice perspective on the subject. And one I'd like to talk about, not just in the context of CSS.
Writing Logic in CSSread the full article
CSS is a highly specialized programming language focusing on style systems. Because of this unique use case and its declarative nature, it's sometimes hard to understand. Some folks even deny it's a programming language altogether. Let's prove them wrong by programming a smart, flexible style system.
A colorful textarearead the full article
Adding syntax highlighting to an input field can be a hard task.
<textarea>supports neither styling of individual characters or words, nor HTML tags within itself, there is no fully supported native solution for that. Most editors work with
contenteditableto actually render a fully marked up code snippet and let the user edit its content. This requires a lot of work to get it accessible (as in restore all the native functions of a textarea) and still adds a lot of complexity. If you don’t want that and are just looking for a quick, dead-simple solution: Here’s how to colorize a textarea.
Lights Out! - Overengineering a Dark Moderead the full article
With the upcoming launch of the redesigned Safari themes are all the rage. It's not a new feature. Chrome on Android had it for years, Vivaldi brought it to Desktop, Apple brings new attention to it.
Theming can be much more than just providing a meta tag, though. Let's take a close look at how users can customize a website to their own preferences and how to implement them in a clean, fast and modern way and wrap everything up in a small, clean boilerplate template.