I am trying to save the world with squares and rectangles. Currently designeloper at Xamarin, working on next-gen IDE and other funny things.

NSStatusItem - What Size Should Your Icon Be?

If you look around the ’Net, you’ll see various people telling you that your (non-Retina) NSStatusItem icon should be 18px in height, because that’s what looks best (apparently). I wasn’t able to find a similar recommendation for Retina status bar icons, and indeed if you try making one you’ll find that simply doubling to 36px doesn’t quite work — the alignment is slightly off. (by Alastair Haddow)

More and Less Perfect DOS VGA

Zeh Fernando made Perfect DOS VGA 437 back in 2003, and it is almost the best TrueType VGA font out there. To my eye it looks a bit too spaced-out horizontally; this is for a couple of reasons. I made the following alterations to his font to address them. (by Adam Moore (LÆMEUR))

Uber Brand Guidelines

The Uber brand is more than a name. It’s a set of values, attributes, and artwork that reflects the spirit of our company. Using it consistently will reinforce our passion and commitment to providing a world class experience.

On Colors, Gradients and Chat Bubbles

In his latest exposé, writer and programmer Paul Ford describes a grave injustice occurring today: Apple’s public promotion of a new form of bigotry towards Android users. On Apple’s iOS 7 and 8 operating systems as well as OS X, text messages from Android users (and other non-iPhone users) display in a hideous neon-green gradient, unlike the obviously inoffensive blue gradient that iPhone and iMessage are displayed in. (by Eli Schiff)

I Left My System Fonts in San Francisco

Apple is working on a lovely new system font for both iOS and OS X. We first saw the San Francisco font on the Apple Watch: we’ll soon be seeing it on all of Apple’s devices.

As a developer, there are often cases where we need to use the system font on web pages. Many times these pages are embedded in our apps and manage things like remote settings or documentation. In these contexts, matching the content to what the customer sees in their surrounding environment makes a big impact on the user experience. Think about how out of place an app feels when it displays Sparkle release notes in Lucida Grande while running on Yosemite. (by Craig Hockenberry)

Exploring Dynamic Layout in Sketch

If you design interfaces, you probably often work with repeating elements, like rows in a table or a grid of items. While Sketch provides some way of applying the same style to many elements via symbols, it has its shortcomings if you want to make the layout a little more adaptive and dynamic. (by Matej Hrescak)

El Capitan ToolbarEl Capitan Toolbar

El Capitan Toolbar on Dribbble

OS X El Capitan (10.11) has a new window toolbar. Since Yosemite Apple added subtle gradients and fine-tuned precision on buttons. Also colors of button glyphs have changed, and San Francisco, the new system font, is used all around. Everything new about OS X window toolbars is reflected in the Sketch file, which you can download on the linked Dribbble page. Please keep in mind, that the font will correctly render only when the file is opened on El Capitan, otherwise its appearance and width won’t match.

The 7-Step-Paul-Rand Logo-Test

Do you have a strong logo or a weak one? While a dancer may ask herself, “I wonder what Michael Jackson would think of my dance moves?” or a boxer may ask himself, “I wonder what Muhammad Ali would think of my right hook?”, a designer would ask, “What would Paul Rand think of my logo?” By the end of this read, you will know confidently whether Paul Rand would approve or disapprove of your logo. (by Dave Schools)

Evolve IconsEvolve Icons

Evolve Icons on Dribbble

Every year Xamarin holds the Evolve conference that centers around cross-platform mobile development. Here’s a few icons (of a big set) I prepared for the largest screen I’ve ever seen. It’s amazing to see your work zoomed to such a level. Especially for OCD-affected weirdos like me.

Be sure to see the large version!

Icons for Apple Watch – The Definitive Guide

The Apple Watch is coming and with an estimated 2,000,000 pre-orders, so are the users. We have been wearing the watch and have prepared this in depth guide to how to make your icons look great on the tiny but crisp retina display. Since the Apple Watch is a smaller screen, there are some new requirements for UI design on the device. In this article we will take a look at the technical and design requirements for creating icons for the Apple Watch.

WebP Images & Performance

It’s said that a picture is worth a thousand words, but online, a picture can be worth a thousand kilobytes or more! HTTP Archive shows that images make up 64% of a Web page’s total size on average. With this in mind, image optimization is key, especially when you consider that up to 40% of users will abandon a request if it doesn’t load within 3 seconds. The problem with image optimization comes when designers want to keep image file sizes small without sacrificing image quality. Past attempts to create new optimized image file types better than the standard JPEG, PNG and GIF formats have been unsuccessful. (by David Walsh)