Brian Phillips shared an awesome demonstration of the Box-Shadow property on CodePen. Pretty nifty.
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
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 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.
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.
Is the <body> element in your code really doing anything? Do you always use an outer div to wrap your site and give it width? There’s a better way!
Basis is a new open source Wordpress boilerplate theme for developers. It features semantics-focussed markup, SASS stylesheets, and a bunch of awesome functions to trick out your next Wordpress project.
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.
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 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.