Box-Shadow Demonstration

Brian Phillips shared an awesome demonstration of the Box-Shadow property on CodePen. Pretty nifty.

I’m Done With Vendor Prefixes

No, this post isn’t some rant about why vendor prefixes are bad for the industry, and it isn’t about me declaring a blanket boycott. I’m just done writing them myself because I now have tools that do the task for … Read More

Some Cool Techniques On My New Personal Site

I recently launched a new (and long overdue) iteration of my personal site, josiahspence.com. It’s a pretty simple site overall, but I did use a few handy techniques, and I thought I would share them with all of you lovely folks.

Typ.io: A Tool for Web Type Inspiration

Typ.io is a pretty nifty new web app that combines social sharing of sites with great typography, a browser extension for easily discovering typefaces on websites, and clipping sites with type you like for later reference.

Defining The Fold: Layouts With jQuery

One of the biggest challenges in web design is making sure pages look exactly the way you want, no matter the size or shape of the user’s screen. Responsive design goes a long way toward making this easier, but sometimes it isn’t enough. When you want to make sure that your content fits a user’s screen exactly, it’s time to break out the jQuery.

The New HTML5 <main> Element

For those of you who haven’t yet heard, the W3C just announced the new <main> element. Let’s take a look at what it is, how we might use it, and a few questions of semantic markup.

Vertical Media Queries In Use

Responsive design has become a huge part of how the web handles different size devices and viewports. Mostly, responsive site only pay attention to the width of the viewport and scale or rearrange content accordingly. Since most sites scroll along the y-axis, the height of the vewport is usually of little consequence. However, when building Code Carpenter I stumbled upon a use for that rarest of css birds: the vertical media query!

The Tools I Use

The best tools in the world won’t make a mediocre web developer better at his job, but they can go a long way toward helping a a good developer work faster, smarter, and with more options. I (and I suspect most professional developers) am constantly adding to and refining my toolkit. If I see something new, I check it out and evaluate whether it might hold some value to my workflow. By that same token, I am constantly evaluating the tools I already use. Maybe they become outdated, maybe I find something better, or maybe they were never really that helpful in the first place. When it comes to tools, it pays to be curious, and it pays to never be too precious.

Here’s a brief look at some of the tools and services that make up my current workflow.