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!
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.
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.
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.
Don't Forget About Those HTML Elements
Here's a list of some of the available inline elements. This isn't an exhaustive list, but it's a subset that I find most useful and worth noting.
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 Schema.org
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 schema.org 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.