Author Archives: Lee Mallabone

Fluent 2014: Supercharge Your Mobile Emails

Today I gave a talk at Fluent 2014 entitled Supercharge Your Mobile Emails, in which I talked about how to add animation, dynamic content and interactivity to your email templates to improve the mobile email experience. These HTML & CSS … Continue reading

Posted in CSS | Leave a comment

Making it easier to generate single retina-pixel (hairline) images

tldr; you can create razor-thin lines for retina displays using CSS, but it takes some hackery. retinahairlinegenerator.com is a site I built for quickly selecting a color and getting the CSS code for a retina hairline. Last year Thomas Fuchs … Continue reading

Posted in CSS, Tools | Leave a comment

Combining CSS regions with transforms and animations

In my previous post about CSS regions, I showed off some of the basic capabilities that regions provide, described which browsers you can expect to try them out in, and what the future potentially holds. Regions have such great support … Continue reading

Posted in CSS | Leave a comment

CSS Regions, and why you’ll be using them before you know it

[This article is also available in Russian] CSS Regions is a W3C working draft that allows you to flow text between different areas of a page. The simplest use-case might be column layouts, where each column is an explicit region, … Continue reading

Posted in CSS | 4 Comments

City maintenance as an analogy for software development

I was on vacation for most of the last two weeks: rather than having some front-end tips or tricks at my fingertips, I’ve been touring around east coast cities! They’re cities with a tremendous amount of activity happening all the … Continue reading

Posted in Miscellaneous | Leave a comment

Banishing “Your Session Has Expired” from the Internet

It’s hard to use the web without coming across “Your Session Has Expired” at least a few times a year. Maybe you’re trying to book a flight, or reserve tickets for a concert. You could be trying to do some … Continue reading

Posted in HOW-TOs, Tools | 3 Comments

On Rescue.js

Last October, myself and Conrad Irwin spent 48 hours (give or take a couple of starbucks runs) in my apartment for Rails Rumble 2012. The result was Rescue.js! In case you missed it, we created a Javascript error catcher: by … Continue reading

Posted in Announcements, Javascript | Leave a comment

Swap your Rails stack traces for a REPL

The Developer tools I really love are those that help me reduce the time that elapses between a bug occurring and a bug being fixed. One of the more obvious types of bug is a top-level unhandled exception. The message “I’m … Continue reading

Posted in Rails, Tools | Leave a comment

Highly usable (but slightly crazy) CSS3 effects round-up

Over the last few weeks I’ve shared links to several small libraries, all of which have a coincidental theme running through them: they’re all simple ways to enhance usability by taking advantage of modern or cutting-edge browser capabilities. I wanted … Continue reading

Posted in CSS | Leave a comment

A Better Toolchain for Everyone Building Pixel-Perfect Designs

When building outstanding consumer products, a mix of design and development is always required. Maybe you’re a designer that also codes, or maybe you’re a developer implementing a designer’s pixel mock-ups. Either way, you’re going to be working hard if … Continue reading

Posted in Tools | Leave a comment