Enforcing better HTML markup with Eleventy

by Evan HahnIn short: put in your element to refresh your page every second. This is a makeshift "hot reload" for development. It's not perfect, but it can be a quick solution! Hot reloading automatically reloads parts of your page while you're working. Change some HTML and see your work instantly! Tweak some CSS and the results are right...

by Felix HessenbergerIt was on a cold February evening. I had been working on a client project, building an order item list—nothing out of the ordinary. To adjust an item’s quantity, the user would open a popup form with a single input field, type a number, and hit enter. form> label> Quantity input type="number"> label>form> Everything...

by Vadim MakeevIt’s getting dark early in Berlin in the winter. It’s not even close to evening, but my OS and all apps have already switched to dark mode. Well, not all of them, unfortunately. And that’s the thing: dark mode has become a quality-of-life feature for many users, and I often try to avoid using apps or websites that haven’t...

by Jens Oliver MeiertConsider the following HTML document: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 1996-01//EN">html> head> title>title> head> body> p class="Author"> h1>h1> P> P> H2>H2> P> UL> LI> LI> LI> UL> P> body>html> You will notice a few things: The unusual doctype The inconsistencies in...

by Léonie WatsonCan you give me the HTML for an accessible button please? It was a simple enough question. Or it would have been, had I been asking another person. As it was, I was asking ChatGPT, and so of course there was nothing simple about it. For the briefest of moments, I caught myself thinking even ChatGPT couldn't get this wrong. The ...