The Dialog Tag

The Dialog Tag So far this year, I have been exploring many of the lesser-known HTML5 tags that are becoming more prevalent and also more useful as more information about them is released. Recently, the Chromium team has released an advisory suggesting that our good friends alert(), confirm(), and prompt() should no longer be used as they are app-modal, synchronous, and therefore they are not ideal to either the browser, developer, or user experience. Instead,...

HTML and CSS

HTML and CSS So often as web developers, we stop thinking about why we are using HTML and CSS. Our markup and our styling are automatic to us, steps that must be done in order to present our super cool application in some way. I want to delve into the philosophy behind using HTML and CSS with the intention of giving more insight into the why behind using these tools, with the intention of improving...

Address Tag

The <address> tag A few weeks ago, I dove deep into the template tag and it ended up teaching me quite a bit about a tag that has far more uses than I originally suspected. Well, in a recent project, there was an opportunity to provide some address data. And, I wanted to reach for the <address> tag, thinking that was the best way to present postal addresses. Boy, was I wrong. A quick bit...

LSD - The secret to coding

What would you say if I told you that the secret to coding was LSD? When you stopped having a conversation with the floor lamp and finished freaking out about the pink spiders in your hair, you would probably tell me that I was mistaken. However, I don't mean d-lysergic acid diethylamide, aka "acid". I mean a slightly different meaning for this initialism. Instead, I mean LSD in the following context: Logic Syntax Data Let's...

Template Tags

Many developers are still in the process of embracing all of the advances of ES6, CSS3, and HTML5. One of the under-utilized tools, in my ever-so-humble opinion, is the <template> tag. Today's post is going to explore what this tag is, some of the inner workings of it, and also demo how you can use it in your every day workflow to improve your web applications. What it is The <template> tag creates a non-rendered...