foo

Designing the new Foursquare

here’s a nice write-up on the design process behind the new foursquare… this is but a snapshot into all the work that goes into something like this, but nevertheless… pretty damn cool.

i’ve never really gotten into foursquare… dunno why, just not my thing, but i’ve heard some pretty good things about the new app/service of late.

any of you guys use foursquare?

Off To The Races: Getting Started With Design Sprints

Leave a comment

Google Canary 39

one of my co-workers was talking about some of the new features/tweaks to the google inspector, so i downloaded the lastest chrome canary build (39) and fired it up… and damn, really is looking sweet.

right off the bat, i love how there’s now a little “phone” icon that you can click on to switch into the mobile emulation mode… so damn hany when coding/styling/testing things up as you go — not sure what i’d do without it now.

also dig how it shows you where all the css media query breakpoints are… nice.

Leave a comment

Amazon Refresh?

i just pulled up amazon, and was a little surprised to see a new design… nothing completely drastic or anything, but the dark navbar at the top certainly caught my eye.

my initial impression is that i’m liking it — prefer the contast between the top navbar and the main content… i just got used to the all-white background, but your eyeball really tended to wander around quite a bit looking for things.

nothing wrong with iterative design, mang.

Leave a comment

Material Design in Google’s I/O App

Material design in the 2014 Google I/O app

another good post/video about google’s new “material design”, and how they employed it in their new I/O app that they open-sourced last week for devs to look at and play around with… the more i see and dig into it, the more i’m liking it.

would be pretty sweet to design/create a new blog theme that fully embraces it… hmmmm…

3 Comments

Instagram Gers Material

Instagram with google’s new material design…

probably gonna see more of these poping up in the next few months, i’m sure… but thought it was pretty cool to start seeing some new design concepts for popular apps like instagram using google’s new “material design” language.

#thumbsup

Leave a comment

Badass USPS Branding

The Badass Postal Service Branding That Could Have Been

For about a year now, the U.S. Postal Service has been looking pretty good. Newly branded signage, mailers, and touchscreens have freshened up the USPS identity.

But until this week, no one knew who did the work. New York studio GrandArmy has stepped forward to claim the project. And in doing so, the designers have revealed a part of the design process we rarely get to see: They’ve shared their original ideas for the rebranding–pieces of their work that USPS then altered, without further consulting the agency.

“We thought it might be interesting (and frustrating) for the design community to see how an agency’s work can be changed after files have been handed over,” Eric Collins, designer at GrandArmy, tells Co.Design.

good stuff, the USPS could really use some nice rebranding… though i’m not sure that’s quite enough, it’s still a nice step in the right direction.

Amtrak train leaves Penn Station for Washington, D.C., without its passengers

(hat tip: jim)

Leave a comment

Windows 9 Concept

just stumbled across this interactive Windows 9 concept, and thought it was pretty cool how he went the extra mile to code it up instead of simply posting some concept shots on behance as i would typically expect.

i have no idea what microsoft has in mind for Windows 9, though we all know that they’re working on it… and even though i’m more of a mac guy these days, i still hope that MS keeps pushing forward and comes out swinging with something really nice and tasty… competition is good, and one could argue that they’re being a bit more innovative than Apple of late.

that being said, i was in a Best Buy last night and ended up playing around with a Windows 8 laptop for awhile — even after a year or so, i still can’t decide if i like it.

Leave a comment

Hello, Roboto

Wired mag off-​​base on Roboto typeface

Wired magazine’s puff-​​piece on Google’s Roboto typeface revisions is really bothering me. I thought if I held off, I could just do a few sarcastic tweets and be done with it, but no.

I am not a huge Roboto-​​hater like some folks in the type community. I just object to uncritically publishing quotes that make blatantly false statements.

“UIs [user interfaces] are crafted from images and type,” Matias Duarte, Android’s head of design tells WIRED. “But the idea of having a typeface that’s thought out as a UI typeface—that’s not been done before.”

Well, that’s pretty much simply false. Apparently Duarte is unfamiliar both with an obscure operating system called “Windows” and it’s typefaces Segoe UI (introduced in Windows 7) and Tahoma (introduced in Windows 95), both of which were specifically designed/​intended for UI usage. Not to mention Chicago, developed for the original Mac OS back in 1984. Continue…

good find, and a good read… personally, i don’t have any problems with Roboto or the revisions google made to it… i’ve used it on my blog before, though for this lastest design i opted to roll with “Lato”.

(hat tip: eric d.)

2 Comments

Uncanny 404 Page

Probably the most uncanny 404 page…

speaking about some of the crazy / cool stuff people come up with, here’s another interesting 404 page…

that reminds me, i really need to add one i think.

(adds to list of stuff to do when i have time)

 

‘The New Yorker’ Unveils A New Responsive Website

2 Comments

RWD: Your Only Mobile Strategy?

You May Be Losing Users If Responsive Web Design Is Your Only Mobile Strategy

You resize the browser and a smile creeps over your face. You’re happy: You think you are now mobile-friendly, that you have achieved your goals for the website. Let me be a bit forward before getting into the discussion: You are losing users and probably money if responsive web design is your entire goal and your only solution for mobile. The good news is that you can do it right.

In this article, we’ll cover the relationship between the mobile web and responsive design, starting with how to apply responsive design intelligently, why performance is so important in mobile, why responsive design should not be your website’s goal, and ending with the performance issues of the technique to help us understand the problem.

Designers and developers have been oversimplifying the problem of mobile since 2000, and some people now think that responsive web design is the answer to all of our problems.

We need to understand that, beyond any other goal, a mobile web experience must be lightning fast. Delivering a fast, usable and compatible experience to all mobile devices has always been a challenge, and it’s no different when you are implementing a responsive technique. Embracing performance from the beginning is easier.

Responsive web design is great, but it’s not a silver bullet. If it’s your only weapon for mobile, then a performance problem might be hindering your conversion rate. Around 11% of the websites are responsive, and the number is growing every month, so now is the time to talk about this.

According to Guy Podjarny’s research, 72% of responsive websites deliver the same number of bytes regardless of screen size, even on slow mobile network connections. Not all users will wait for your website to load.

ineresting, and a good read as far as responsive web design and mobile goes… though as often the case, it’s usually easier said than done — but even accomplishing one good mobile optimization is pretty damn good in my book, and usually worth it.

i’d still love a nice, simple, clean way of serving up different sized images based on desktop/tablet/phone requests.

3 Comments

Foo.Refresh()

that’s right ladies and gentlemen, it’s time to bring the sexy back!

it’s the one thing i’ve missed the most since porting my blog over from my old Coldfusion hand-coded blog (that served me pretty damn well for about a decade, which still trips me out) to wordpress — the ajaxed side-comments.

i’ve heard it over and over again these last few months, and never really gave up on trying to bring that back… there’s a few ajax comment plugins out there, but nothing really was exactly what i needed which kinda sucked… anwyho, here’s a quick theme i slapped together this past week, one that brings back the comments to side of the blog post — a format that i’ve been using for years now.

simple and clean.

 

special thanks
two big thumbs-up to my buddy, bradley, for his help on getting the ajax-comments working in WP… i gave it a stab, but was getting kinda frustrated, so i pinged him the other day and he jumped all over it… fucking awesome, i owe ya dude!

p.s. this one’s definitely a work in progress…

17 Comments

HACKATHONG

i’m about 10 hours into the latest hackathon here @addthis and have been heads down coding away like a madman… already got my projects prototype styled and coded up for the most part, so i’m feeling pretty damn good about that at the moment — of course, i can’t really say or show anything, but it’s looking pretty sweet so far.

on a sidenote: my site was down most of the day, still not quite sure what the dealio is… so just a heads up that it might go down again as my buddy ron tries to sort it all out… damn man, both the PSN and Xbox network went down today, my site went down, not sure what the hell is in the air of late.

update: it’s 12:16am and i’m still crank’n along…

1 Comment

Design Trends We Love To Hate

The software design trends that we love to hate

One of the common UI elements ushered in by iOS 7 is the button that doesn’t look like a button at all (and Google is moving in that direction with the Android L release). Touch-oriented interfaces tend to be a little too subtle about how to navigate them to begin with, but iOS’s new favorite trick of making the thing you’re supposed to click into highlighted, or sometimes not-highlighted, text means I’m prodding at my screen a lot more often now with too little or too much to show for it. And because the OS isn’t consistent about how it identifies buttons, I can’t build a reflex in response to certain colors or fonts. I’m always experimentally clicking around and sometimes ruining things.

Daring Fireball highlighted this problem a while ago with the short-lived blog UX Critique, which pointed out that a number of UI elements in iOS 7 are buttons masquerading as text, and sometimes vice versa. The blog shows, for instance, a screen for editing an audio file where the world “Trim” appears twice, one is a button, one is a title, and the only difference between them is one’s text is just a hair thicker.

some good ones in there… such as bitching about the ALL CAPS menus, which gave me a chuckle.

Leave a comment

What Not To Say To A Graphics Designer

i couldn’t help but get a bit of a chuckle reading — and thinking — about some of these… sure some of you guys know the feel well, too.

(hat tip: zerouno)

2 Comments

The World Cup Goes Flat

Redesigning The World Cup 2014 Brazil

From a football perspective this is a great World Cup, but from a designers perspective it’s not that great. Please let us explain: The World Cup of 2014 in Brazil is at it’s peak, and so far we have simply been spoiled with great goals and surprising outcomes. But when it comes to the visual way of games appearing on our TV screens, we can’t hide the fact that we’re disappointed in the outcome.

To begin with, we’ve all seen the World Cup 2014 brazil’s unpleasant logo. To quote designer Felix Sockwell, “the fingers are frog-shaped, and the gradients are ham-fisted”. In addition to that, the bevel is making it look smudgy and quite old school. continue…

i’m loving the more modern “flat” design to the world cup broadcast elements… almost makes you wonder why they didn’t roll with something like this to begin with, especially given the enormous popularity and viewership around the world.

good stuff.

1 Comment

Foo.Refresh()

i got the urge for a bit of a change around here, which is a pretty normal thing for me — many of you regulars that still visit after all these years and this slightly new domain can attest to, i’m sure — so figured i’d try out a new theme, since i’m now running with wordpress and all… snagged a theme, then spent the last couple days modifying and tweak’n it out a bit.

this theme’s a little more modern, with the “timeline” style that facebook (and others) have made popular — so figured i’d give it a try around here… digging it so far, but most of all i’m starting to like the different blog formats such as image, video, quote, etc… think i’ll start using those more.

still would like to get some slick ajax-commenting going on around here — same as on Google+, for example — but figure i’ll eventually find or figure something out.

oh, and i finally added back the about and babesNSFW pages. *g*

anywho, let me know what you think mang.

21 Comments

Google’s New ‘Material Design’

Google’s New, Improved Android Will Deliver A Unified Design Language

Today, at the Super Bowl for Google news, Google I/O, the company rolled out the latest version of its mobile OS, Android L, which is almost entirely predicated around the final step in its amazing design evolution: a formalized, unified design language across all their products, platforms, and devices called “Material Design.”

Last year, we realized that Google had unofficially embraced the humble index card across their apps. This year, under their Material Design thesis, they’ve taken this idea to extremes. Cards are no longer just generic windows that fit inside any interface. Cards are the interface, sewn together like an elastic, patchwork quilt. They appear on screen with depth (thanks to liberal, but tasteful, use of drop shadow), and enable constant, seamless transitions to anything you want to do. Tap an email, a card grows. Tap it again, a card shrinks. And on top of all this virtual paper, Google has constructed precanned animations that sprinkle another layer of color and physics wherever you touch.

i’m digging the new Chrome 38 Introduces a Responsive Design View

Leave a comment