Lee’s Latest tweets
Tweets by LeeMallabone-
Recent Posts
- Fluent 2014: Supercharge Your Mobile Emails March 13, 2014
- Making it easier to generate single retina-pixel (hairline) images March 10, 2014
- Combining CSS regions with transforms and animations September 23, 2013
- CSS Regions, and why you’ll be using them before you know it September 9, 2013
- City maintenance as an analogy for software development August 27, 2013
- Banishing “Your Session Has Expired” from the Internet August 12, 2013
- On Rescue.js July 29, 2013
- Swap your Rails stack traces for a REPL July 15, 2013
- Highly usable (but slightly crazy) CSS3 effects round-up July 1, 2013
- A Better Toolchain for Everyone Building Pixel-Perfect Designs June 17, 2013
- Blur This! (or Demonstrating MobileSafari’s Awesome Support for CSS3 Filter Effects) June 3, 2013
Archives
- March 2014
- September 2013
- August 2013
- July 2013
- June 2013
- May 2013
- April 2013
- March 2013
- September 2011
- January 2011
- May 2010
- January 2010
- October 2009
- June 2009
- May 2009
- March 2009
- February 2009
- January 2009
- November 2008
- October 2008
- July 2008
- June 2008
- May 2008
- April 2008
- March 2008
- February 2008
- January 2008
- December 2007
- November 2007
Categories
- Announcements (3)
- Chrome (2)
- CSS (10)
- Dot net (1)
- Events (2)
- General (5)
- HOW-TOs (7)
- Java (1)
- Javascript (1)
- Miscellaneous (8)
- Progress (1)
- Rails (10)
- Starting up (12)
- Tools (8)
- Uncategorized (1)
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
A quick Sublime hack for faster Sass/CSS editor productivity
tl;dr: I made a Sublime plugin to show the corresponding CSS selector in the status bar when your cursor is next to a closing brace. Here’s why. Staying in flow is one of the hardest and most important things you … Continue reading
Using the Chrome Inspector to edit your site’s Dark Matter
And by Dark Matter I mean “content that only gets styled by pseudo-selectors”. 🙂 When you’re rebuilding, re-designing or even tweaking a website, it’s often quite painful to restyle the items on a page that are hidden by default. Navigation … Continue reading
How to make Chrome understand the Sass/SCSS in your rails app
When you open the Chrome web inspector, you can browse to the styles that are being applied to your elements. It’s great. Unfortunately, if you’re using a framework like LESS or Sass, then by default Chrome will reference the CSS … Continue reading
Posted in Chrome, CSS, Rails, Tools
43 Comments