Deprecated: Function get_magic_quotes_gpc() is deprecated in /home/revoltpuppy/revoltpuppy.com/textpattern/lib/constants.php on line 136
Articles | Revolt Puppy

Articles

  • OpposeThis Invisible Carry-on Review

    Posted
    Three years ago, I decided to review PX’s first entry into the backpack space, the Invisible Backpack. While I normally write about web-related topics, people seemed to enjoy the review, and I enjoyed having a little photoshoot, so I decided to write a review of one of their newest offerings, the Invisible Carry-on, so-called, because the designers wanted a backpack that looks good, but also blends in with the surroundings.

    Continue reading…

  • Nobody Will Read Your Welcome Letter

    Posted

    I have to put a welcome letter on a website. I have to do this because the welcome letter is in the printed program, and if it’s in the printed program, it also has to be on the website. There, it either takes up valuable space for useful content, or it appears as a PDF that no one wants to download, especially to read a welcome letter.

    Continue reading…

  • Bauhaus in the Browser at Empire Conference

    Posted

    I had the great pleasure of speaking at Empire Conference in New York City this year. And I don’t say that lightly. Empire Conference was one of the smoothest, chillest conferences I’ve ever attended, which is pretty good considering the cliches about the East Coast.

    Continue reading…

  • Picky Style: Illustration Borders

    Posted

    For images like photos and illustrations that are more-or-less formatted as a box (i.e. most editorial and illustrative graphics on the web), I feel like there should be just a small bit of processing. It’s a little something to give the elements a sense of intention in the layout. I think of it like when you graduate from hanging posters on your walls to framing actual pieces of art. One of the easiest ways to create this kind of intention is with a border or drop shadow. To me, images without borders look like chaperons at a teen dance, floating in and out of the main action, but always feeling a bit out of place.

    Continue reading…

  • Passing Away In Pixels

    Posted

    I got suspicious when Lauren’s chat bubbles turned green. She used an iPhone, so when we kept in touch over text, it was via iMessage, which uses blue chat bubbles. When one of those bubbles turns green, that means it was sent over SMS, old school. There are a number of reasons this could happen, but seeing those green bubbles, coupled with a complete lack of response, and a noticeable absence spanning several months, I got suspicious.

    Continue reading…

  • Using Ch, An Underappreciated CSS Length

    Posted

    Lately, I've been finding good uses for a new unit called ch. Like em, ch is a relative unit. But while em is a vertical measure, based on the height of the typeface. ch, on the other hand, is based on a horizontal measurement: the width of the typeface’s zero character. (Ch stands for character.) I’ve found ch to be especially useful in matters pertaining to inline, text-based elements. Here are some examples of places I’ve used this new unit.

    Continue reading…

  • I’m Giving a New Talk at CascadiaFest and CSS Conference

    Posted

    This year, I tried a little design experiment at work. In the end, I had to agree that it was the wrong solution for the design. However, my defense left a spark behind, in the back of my head. That spark quickly began to smoke, and soon it turned into a flame. Before I knew it, I was submitting “Bauhaus In The Browser” to some conferences. Much to my surprise, they accepted it! I had to get to work.

    Continue reading…

  • CSS Vertigo: Understanding Perspective A Little Bit More

    Posted
    I’ve been doing a bit of research into how the avant garde masters of the early 20th century manipulated type in their designs in order to achieve certain kinds of effects. I’m interested in how we might be able to duplicate some of those effects with CSS today. A lot of it is fairly straightforward, but lately I’ve tumbled down the rabbit hole of CSS perspective. It all started with this poster designed by Jan Tschichold and ended with recreating the cinematic dolly-zoom “vertigo” effect with pure CSS.

    Continue reading…

  • Bauhaus and The Evergreen State College

    Posted

    I’ve been doing quite a bit of reading about Bauhaus, the influential early twentieth century school of art. I’m learning so much about the school that I never knew before. Given my recent experience of working at The Evergreen State College, I’ve found the similarities between my current workplace and Bauhaus rather striking.

    Continue reading…

  • Picky Style: Vertical Cadence & Line-height

    Posted

    I want to talk about the other vertical text measure, line-height. On Evergreen’s website, I chose a vertical cadence of 15px. That means, in an ideal world, all elements would align at increments of fifteen pixels down the page. Why fifteen? It’s a fairly arbitrary value. It seemed big enough to be significant, but small enough to be flexible. But that’s only the beginning.

    Continue reading…

← Older Newer →