61
62
Principles of UI design
A list of important principles of user interface design.
63
Why Responsive Design Is Not Worth It
UPDATE (April 2014): After the huge debate this original post created, we decided to refine and build upon the original article, bearing in mind the thoughts of some very insightful feedback left by some commenters. You can find the new article here. UPDATE (March 2018): Some of the comments are not taking into…
64
The Art of Computer Typography
Ever since I came across Jürg Lehni’s essay on typographic technology and digital fonts, Typeface As Programme, I’ve been fascinated with the story of Donald E. Knuth and his unexpected contributions to typography. You see, Knuth is a professor and computer scientist well known to pr…
65
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…
66
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
67
68
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…
69
70
71
Visualizing binaries with space-filling curves
Edit: Since this post, I've created an interactive tool for binary visualisation - see it at binvis.io
72
Basecamp Next: UI Preview
When we started thinking about the design of the all new Basecamp, we had three key things in mind: Speed Big picture Focus With that in mind, and many experiments later, we came up with a unique interface that is crazy fast, excellent for big picture broad overviews, and perfectly ta…
73
74
75
The Startup’s Guide to Budget Design
Hi! My name is Rob, and I find the best website design leads for agencies on the web. Save hours finding great projects to pitch.
76
77
78
79
Pixel Perfect
Regarding the 15-inch MacBook Pro With Retina Display.
80
81
82
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…
83
84
85
The Apple Voice
Written pieces, talks, and other bits by Zach Holman.
86
87
Designing Presentations
The personal website of Idan Gazit
88
CSS px is an Angular Measurement
The “px” unit in CSS doesn't really have anything to do with screen pixels, despite the poorly chosen name. It's actually an non-linear angular measurement. The formulæ to convert between radians and px are as follows:
89
OOCSS + Sass = The best way to CSS
Object-oriented CSS is awesome. But littering your markup with non-semantic classes is not awesome. Those classes sprinkled all over your HTML are going to change, and that’s not gonna be fun. But if you combine OOCSS and Sass you get the best of both worlds: modular CSS without bloated, hard-to-maintain HTML.
90