Category Archives: CSS

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

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

Blur This! (or Demonstrating MobileSafari’s Awesome Support for CSS3 Filter Effects)

The (iOS native) Yahoo! weather app displays a nice flickr photo of each weather location, and a minimalist information architecture: the most important data you need is immediately visible while it’s just a single tap to drill down into more … Continue reading

Posted in CSS, HOW-TOs | 3 Comments

Using CSS3 Transitions to Animate the (Yahoo Weather App’s) Rising Sun

The Yahoo! Weather app for iOS is a triumph of form meeting function. One of its fun visual tricks is how the sunrise and sunset times are presented: Although the Yahoo! app is a native iOS app, MobileSafari’s CSS3 support … Continue reading

Posted in CSS | 2 Comments