Brian Autar

89 Flips | 5 Magazines | 2 Following | 1 Follower | @bxanyc | Keep up with Brian Autar on Flipboard, a place to see the stories, photos, and updates that matter to you. Flipboard creates a personalized magazine full of everything, from world news to life’s great moments. Download Flipboard for free and search for “Brian Autar”

Why UX Designers Need to Think like Architects

<b>During a recent conversation with my father-in-law, an architect with nearly 40 years of experience, I couldn’t help but notice the parallels between</b> …

Sites of the Week: Design Embraced, Linode, Hack_app and more

Long scrolling websites is what you'll find on this post today. Take a special look at Nymi and SQBA. Also Linode has a new website that is simple …

The designer's guide to grid theory

Whether you work in web or print design, you need to understand grid theory. While some designers actively eschew grids in favour of a more …

UI Design

A Prettier Wikipedia Design That Could Never Work

Even so, you can admire the effort.<p>Wikipedia’s designers are working hard to bring the site’s aesthetic into the 21st century. But they need the consensus of the entire (and often wrong) Wikipedia community to make changes to Wikipedia’s 32 million+ pages.<p>Salomon Aurélien, a UX designer with no …

Letter to a Junior Designer

I admit it: you intimidate me. Your work is vivid and imaginative, far superior to my woeful scratchings at a similar age. The things I struggle to …

Learn the Skill of Critiquing Photographs With These 5 Tips

Raise your hands if you have had your photos critiqued before. Now if you have, do you remember receiving feedback that wasn't too useful? Perhaps …

Do's and Don'ts of Using Light Typefaces

Typefaces come in different forms. The most common forms seen on the web are regular, bold and italic. But there’s a trending typeface that designers …

A next generation icon service built for designers

Smart search<p>Smart search tags let you make precise targeted search requests allowing you to find the specific icons you are looking for without …

Optimizing UI icons for faster recognition

What makes an icon a valuable addition to the interface, rather than a mere decorative element? Intuitiveness, aesthetic value, memorability, …

Creating Style Guides

Several years ago, I was working on a large, complex application. It was a bit of a legacy project: many different designers and front-end developers …

Web Design

Surreal Images Show What Venice Would Look Like if it was Completely Frozen

Has Venice's famous Grand Canal completely frozen over? Not quite. Though it may appear so in these photos, they're actually the clever work of art director Robert Jahns (or nois7 on Instagram). He's taken photos shot by others, like Venice's Piazza San Marco by Luis Manuel Osorio Fernando, and …

Photo Essay: Sorry, You'll Never Walk Alone, by Shin Noguchi

<i>Rollover images for slideshow controls</i><p>Sorry, You’ll Never Walk Alone<p>These photos are part of on-going project “Sorry, you’ll never walk alone”. <b>Shin</b> …

BeHere app uses iBeacons to automatically take attendance as students enter the classroom

A new app called BeHere aimed at teachers uses Apple’s new Bluetooth LE iBeacon technology to recognize students and automatically take attendance as they enter a classroom.<p>With the BeHere app installed, the teacher’s iPad acts as an iBeacon and students entering the classroom with an iPhone, iPad, …

Dieter Rams' 10 principles of good web design

<i>"My heart belongs to the details. I actually always found them to be more important than the big picture. Nothing works without details. They are</i> …

Leveraging Eye Tracking to Create an Engaging User Experience

<b>Eye tracking is a very powerful research technique that can help you design engaging experiences by illuminating a pathway for capturing user</b> …

How To Design For Human Nature

David Lai of Hello Design has one mantra: Keep it simple, stupid.<p>Today, most of us would admit to being overwhelmed with the abundant options made available through technological advances. When it comes to determining which products to use for navigating our daily lives, we typically embrace the …

Fashion Week

Controlling CSS Animations and Transitions with JavaScript | CSS-Tricks

By Chris Coyier On September 17, 2013 animation, css animation, transitions<p><i>The following is a guest post by Zach Saucier. Zach wrote to me telling me</i> …

Designing for iOS 7: Guide to Getting Started

Now that we are a couple of weeks into the new Apple iOS, are you ready to design for it?<p>And if you already have an app running on the platform, …

UI Design

Write Your CSS with JavaScript

• 61<p>Sometimes programming is just using the right tool. This may be a framework, library or as it happens in my case CSS preprocessor. You probably …

An Introduction to WebSockets

In this blog post we’re going to cover how to use WebSockets to create real-time web applications. Before we dive into learning about the WebSocket …

Automating Front-end Workflow

Writing a modern web app these days can sometimes feel like a tedious process; frameworks, boilerplates, abstractions, dependency management, build …

Why The Hell Would I Use Node.js? A Case-by-Case Tutorial

Introduction<p>JavaScript’s rising popularity has brought with it a lot of changes, and the face of web development today is dramatically different. The …

Alert Users When No Internet Connectivity

Posted· Category: License Free, Tools<p>Offline.js <b>is a library to automatically alert your users when they’ve lost internet connectivity, like Gmail</b>. It …

Tinted Images with Multiple Backgrounds | CSS-Tricks

By Chris Coyier On November 4, 2013 CSS<p>The background property in CSS can accept comma separated values. "Multiple" backgrounds, if you will. You can …

Easily create stunning animated charts with Chart.js

Charts are far better for displaying data visually than tables and have the added benefit that no one is ever going to press-gang them into use as a …

Get Smart with Image Recognition APIs

Photo APIs have long been a staple of developer applications. There are more than 350 photo APIs in the <i>ProgrammableWeb</i> directory and almost 800 photo …