Transmogrify, LLC » CSS http://www.xmog.com Product design, development, and management. For start-ups and those who want to innovate like a start-up. Fri, 27 Jan 2012 20:35:13 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Firefox Image Downscaling Quality http://www.xmog.com/blog/firefox-image-downscaling-quality/ http://www.xmog.com/blog/firefox-image-downscaling-quality/#comments Thu, 14 Apr 2011 16:34:56 +0000 maa http://www.xmog.com/?p=593 Have a large image and want to scale it down for display? Make sure you test on Firefox before shipping. There’s a well-named “Awful image quality in image scaling” bug report that’s been open for a couple of years now. Even IEs > 6 have better-quality image downscaling!

When you’re serving static images, this is a non-issue because you can resize them manually beforehand. But for systems where users may upload their own images, it’s nice to work with only the single uploaded image instead of programmatically scaling and storing off a few different-sized versions and tweaking the frontend to pull the correctly-sized version (it’s not hard to do this, just extra work/complexity that shouldn’t be necessary in the first place).

]]> http://www.xmog.com/blog/firefox-image-downscaling-quality/feed/ 0 CSS is All Growed Up! http://www.xmog.com/blog/css-is-all-growed-up/ http://www.xmog.com/blog/css-is-all-growed-up/#comments Tue, 22 Dec 2009 21:56:10 +0000 Joe http://beta.xmog.com/?p=219 Going Nuts …]]> Exciting to see things like this being done using nothing but CSS. Less exciting that we’ll probably have to wait for IE to die entirely for this kind of thing to be used reliably.

Source: 24 Ways > Going Nuts with CSS Transitions

Here’s another awesome animation technique, which unfortunately doesn’t look so nice in a frame, this time using webkit: Spinner

Source: 24 Ways > CSS Animations

]]> http://www.xmog.com/blog/css-is-all-growed-up/feed/ 0