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.
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.
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!