Basic CSS Custom Property Use

After all these years I’ve still got a soft spot for CSS. I’ve been doing some poking around as I haven’t done a ton of CSS work recently and was feeling kind of out of the loop and a little itchy for some CSS fun. One of the more powerful additions of recent past (well, it’s actually been some years now at this point...I mean, what is time these days anyway???) is CSS custom properties (variables).

Use the Debugger!

Consider this a plug for using the good ol’ debugger as part of your Javascript workflow. We’ve all done the thing where we throw console.log's all over the place, but I’m here to tell you that the debugger can be your friend. It's not that scary. Really. How does this work, you may be asking? Well, let me show you using a very silly (though I think still informative) example.

Split Form inputs with a form ID

Did you know you can split your form inputs from the form and still submit a group of inputs together as the same form? Well, you can.

I'm Tired

Is it just me? Why am I so tired? Like all the time. Not exhausted, but always some flavor of tired. Physically. Mentally. Across the board tired.

PM2: Why Aren't My Environment Variables Being Set?

I recently ran into an issue when working on a deployment that ended up pretty clearly pointing to some issues with environment variables. The application is leveraging PM2. This is a really handy tool most of time time, but there is also a lot of hidden corners and black magic at play. This can make resolving some seemingly obvious issues really challenging. Let's sort out this one.

Array Map

One of the core skill-sets a developer needs are some strategies to handling data. I don't know about you, but I feel like I'm always doing this type of work. Arrays are a super common structure we encounter a lot in JavaScript and ES6 brought along with it some pretty great new array methods. These new methods are really powerful and can substantially clean up your code. Let's take a look at `map` today to get things started.

How to use Sass !default Values

One of the core selling points of writing styles using Sass (or SCSS) is being able to use variables. This isn’t as novel a concept now that we have CSS variables native to CSS, but it’s still a big part of Sass. They work as you’d expect for the most part with one exception, the `!default` keyword. It’s not a feature most people take advantage of that often or maybe even know about, but let’s take a look at how this works so you can leverage it should the need arise.

Sass Maps Are Cool

One of the most basic, yet most useful functions of a preprocessor like Sass is the ability to leverage variables in your stylesheets. This little feature can save you lots of time and shield you from many headaches. There are a variety of strategies for using variables, but we're not going to get too caught up on that type of thing right now. Just so we're all on the same page, let's look at an example of a basic variable usage.

W3C Microdata Specification

Reading through a spec is not always super useful for actually understanding how to use it, but it isn’t a bad thing to have on hand.

Google Structured Data Testing Tool

I've been spending a fair amount of time working with microdata recently and I've found this Google Structured Data Testing Tool an incredibly useful to have a tool to help me test whether or not my markup has been correctly written.

Extending HTML5 — Microdata

This post from html5 Doctor is more than four years old, yet it's still one of the best resources on microdata that I've found.

Google — About Microdata

Here’s a brief introduction to the concept of microdata from Google. It’s a nice resource with a handful of examples attached. SEO is definitely something that microdata improves so info coming straight from the horse’s mouth is something we should pay attention to.

Getting Started with

This is the where the microdata spec is documented. In general, I'd say that microdata can be a bit confusing to start, but this section of is quite insightful (as compared to the actual documentation). I highly recommend reading through this area before digging to far into microdata.

A Gigantic Thank You

I’m not completely sure where to put this post so for lack of a better place I’m just gonna set this thing down right here…

Today is a Big Day

Today is a big day. Today is the day that I get to marry my best friend.