Why you should not be displaying relative dates.
Every time I see a web app display a date as "30 minutes ago" I cringe a little. This was cute 10 years ago when rapid publishing on the web was new, but there are a number of problems with this.
Great, Another Bootstrap Site
Download Free PNGs & Free PNG images to use for your creative needs. ✓ Millions of high quality free png images ✓ Transparent pngs ✓ New Free PNGs added everyday.
The Story of the New Microsoft.com
Rainypixels is Nishant Kothary's personal web site — a 100% Cruelty-Free Petting Zoo for Pixels.
Animated GIFs the Hard Way
When doing the new website for the Sublime Text 2.0 launch, instead of just screenshots, I wanted to have animations to demonstrate some of its features. One of the criteria was that the animations should work everywhere, from IE6 to an iPad. This ruled out two common video options, Flash and the <video> element…
Responsive Design Patterns
Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace thi...
Principles of UI design
A list of important principles of user interface design.
An explanation of the CSS animation on Apple's iPhone 4S webpage
The "phone stage" (blue-bordered box) contains all 6 "slides" of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve). For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At…
Adobe's Source Code Pro Font
Source Code Pro is a new font released by Adobe. It does wonders for technical fixed width and source code text readability. I highly recommend to use this font with your text editor, terminal and other software development tools (Especially if your eyes are getting old like mine). UPDATE 2: I am not sure how
Screenshot-proof images via temporal dithering
Snapchat 's (and now Facebook Poke 's) main claim to fame is that it lets you send "self-destructing" image messages. Setting aside the debate about the uses of this beyond sexting , the key vulnerability in both apps is the built-in ability to take screenshots. Both take a reactive approach, where you're notified if…
Visualizing binaries with space-filling curves
Edit: Since this post, I've created an interactive tool for binary visualisation - see it at binvis.io
Pixel Perfect
Regarding the 15-inch MacBook Pro With Retina Display.
Don't use Scatterplots
In a series of blog posts, Gary Rubinstein attempts show that the Value Added Modelling scores recently released by the NYC Department of Education prove that VAM (Value Added Modelling) is not accurate. However, whatever flaws VAM may have, Gary Rubinstein (henceforth GR) hasn't demonstrated them. All he has…