RubyMotion Review
Posted on
RubyMotion was released today. RubyMotion lets you write iPhone and iPad apps in Ruby.
RubyMotion is a revolutionary toolchain for iOS. It lets you quickly develop and test native iOS applications for iPhone or iPad, all using the awesome Ruby language you know and love.
It's a very exciting new product from Laurent Sansonetti, the creator of MacRuby. He was at Apple working on MacRuby full-time, but decided to leave and do his own thing. This is what he made.
The Industry Podcast
Posted on
I had the privilege of being on The Industry Podcast. We talked about Adobe, HTML5Rocks, Dialoggs, and Cheddar.
It was a good time. Give it a listen.
Announcing Cheddar
Posted on
Cheddar is an app I started working on November of last year. From the start, it was a really exciting project, but I never had much time to devote to it. Now that I don't have a job, I've been focusing on it full time.
Cheddar will be the first Nothing Magical product that I launch. I'm massively excited to release it so you can see what I've been up to. It should come out in a couple of weeks. I have a lot of other ideas that I can't wait to work on, but more on that later.
Check out Cheddar. I made a little video to tell you about Cheddar. Head on over and watch it.
Don’t Forget the Little Things
Posted on
Tonight I spent an hour on a simple animation. Instead of the UI element simply appearing, it now fades in and fades out. To get this right takes time. You wouldn't believe how much nicer it feels with the simple animation. It feels polished and complete instead of jarring and hacked together.
It's funny how a 0.2 second animation can make something feel a million times nicer
The fade in takes 0.3 seconds, moves the element 100 pixels, and scales from 80% to 100%. The fade out takes 0.25 seconds, moves the 45 pixels, and scales from 100% to 90%. (All of these values are relative to the element's size.) The point being, getting all of this right took awhile. It's a lot of trail and error to get it right. When you get it, it will just feel right.
Unjarring The Responsive Web
Posted on
Responsive web design is what all the cool kids are up to these days. Basically a "responsive" site uses CSS media queries to change the page based on certain parameters. (This article a good place to start if you're new to the topic.) Usually this is width. The designer can change the appearance of the page based on the width of the browser. This allows the same design to be used on iPhone, iPad, and the desktop with minimal work instead of three different designs.
Most responsive sites are really jarring when they jump between media query sizes. Elements start jumping around and if you were reading something, your spot may or may not still be on the screen. I really wish people would take the time to improve this. It's not hard.
Here's a concrete example. Let's say you have a header on a website and want it to be smaller on mobile. This is easy with the following media query: