Making intrinsic ratio elements with a max height

by Guillermo Esteves Aug 10, 2016, 3:00pm EDT

Here's something that took me longer than I care to admit to figure out how to do. I have a photoblog where I post the photos I take; I like to display them at high resolution, but when they're in a portrait orientation (like this one), you...

Getting BrowserSync to work with Gulp and the Rails Asset Pipeline

by Winston Hearn Jan 22, 2016, 10:44am EST

It turns out they can work together!

New, 1 comment

TIL

Accessibility design 101: Contrast and legibility

by Kelsey Scherer@kelsa_ May 22, 2015, 5:22pm EDT

I recently came across an application (thanks to our accessibility Slack room) that allows you to test the contrast levels of colors you're using with an eyedropper, rather than enter hex codes. The problem: I have used the WAVE chrome extension...

Finding the source of DOM mods in Webkit Inspector

by ckolderup@ckolderup Mar 24, 2015, 10:41am EDT

Sometimes, when you're debugging an issue in the browser, you might spot an attribute of an element or an entire or subtree in the DOM that is getting left there by some Javascript that's executing when you load the page. Here's how to explore that!

Integrate GitHub with Sublime and save some time

by Alisha Ramos Mar 12, 2015, 4:00pm EDT

When I write or edit code in Sublime Text, push to GitHub, and want to share that code with a colleague, I often spend a good chunk of time trying to find that file and particular line(s) I want to reference in our repository. Typically, this is...

New, 2 comments

Reliably Testing for Local Storage

by Winston Hearn Feb 25, 2015, 3:12pm EST

Recently I was tasked with figuring out why comments had stopped showing up on certain sites when users were using Safari Private Browsing mode. Previously, comments had loaded fine. Thanks to some help from coworkers, we traced the issue back to...

Ted Irvine talks Photoshop on CNN

by Cory Williams@cwilliams2k4 Feb 23, 2015, 11:49am EST

Vox Media's Senior Design Director goes on TV to talk about Adobe's iconic design tool.

Build iOS-like transparency effects with CSS

by Guillermo Esteves Feb 17, 2015, 3:02pm EST

Like the existing -webkit-filter property, -webkit-backdrop-filter allows you to apply effects such as blur, grayscale, hue-rotate, and others, only instead of applying them to the element itself, they’re applied to whatever is behind the element.

Easy selector engine with vanilla javascript

by Dan Chilton@bjork24 Feb 16, 2015, 3:18pm EST

If you're like me, you have a hard time remembering all the vanilla javascript DOM selector methods. There's getElementById, getElementsByClassName, and getElementsByTagName as well as the more general querySelector and querySelectorAll. If you...

TIL How To TIL

by Cory Williams@cwilliams2k4 Feb 16, 2015, 2:42pm EST

Welcome to TIL, our new shortform story area! TIL is a place where product team members will share interesting things they've discovered - things that, while awesome, may not merit a blog post. This is a great place to follow along with Vox...