foo

iOS8 In A Nutshell

iOS 8 and iPhone 6 for web developers and designers: next evolution for Safari and native webapps

Safari on iOS 8 in a nutshell

  • HTML5 new APIs: WebGL (3D canvas), IndexedDB, Navigation Timing API and Crypto API
  • Native hybrids: Improved and faster WebView
  • Scroll events useful for Parallax effects
  • Video playing: CSS layering, Fullscreen API and Metadata API
  • HTML Template element
  • Safari Extensions allowing native apps to be used as plugins inside Safari that can read and modify the DOM
  • Images: Support for Image Source Sets (srcset) and Animated PNG format
  • CSS: Shapes, subpixel layout (hairline borders)
  • Autofill for forms, including credit card scanner with OCR
  • Web and native App integration, including the ability share login data
  • EcmaScript 6 partial support
  • SPDY (I couldn’t find a way to test this, any suggestion?)
  • File Uploads are not working anymore (bug)
  • minimal-ui support removed
  • The Remote Web Inspector works only from Yosemite; if you are still on previous versions of Mac you can use a Nightly WebKit build.

Compared to other mobile browsers, these are the features that didn’t come up on iOS 8:

  • Resolution media queries with dppx unit
  • getUserMedia
  • WebRTC
  • @viewport declaration
  • Datalist
  • WebP image format

too bad Datalist didn’t make it into iOS8, but stil a vast damn good update to the mobile safari browser.

Infographic: Apple’s Evolution From iOS 1 to iOS 8

p.s. still haven’t updated to iOS8 yet.

2 Comments

Amazon’s Login Redesigned

Amazon Redesigns Its Login Page For the First Time In Decades

Amazon has built its brand around consistency—it rarely follows popular user interface trends, and its design mission has always been ruthless pragmatism. But now, for the first time in many, many years, it’s given its login page an overhaul. It’s the end of an era, and it could signal broader, site-wide changes.

The new page, which was pointed out on Twitter by Luke Wroblewski, is clearly geared towards mobile users: It’s thinner, has much larger buttons, and cuts out much of the extra noise that few of us ever actually click on, like “sign in help,” and also nixes the mention of its “Secure Server” (ominous!).

i’m really digging the constant rollout of design updates and tweaks by amazon of late… though i’m still not sure why at home i get a newer dark top navigation bar, but at work i see the “old” light version — just figured they would’ve rolled it out to everybody by now.

either way, looking good amazon.

3 Comments

Rdio Redesign 2014

Rdio redesigns its service to emphasize radio and recommendations

my first impression when i pulled up rdio.com is that i liked the previous design better.

2 Comments

TED Talks Every Designer Should Watch

10 TED Talks Every Web Designer and Developer Should Watch

1. My Philosophy for a Happy Life: Sam Berns at TEDxMidAtlantic

The video was about Sam, who was diagnosed with Progeria, a rare, rapid aging disease, at the age of 2. He was able to experience a lot of obstacles in his life, which helped him create a philosophy of a happy life.

He said there are 3 aspects in his philosophy:

  • Be OK with what you ultimately can’t do because there is so much you can do.
  • Surround yourself with people you want to be around with.
  • Keep moving forward.

He believes that he can change the world and he will keep on striving to change it. His determination in surviving life’s difficulties despite of his impairment is truly amazing. It gives hope that everything is possible if one lives with it. The power to accept what one is leads to the fulfillment of one’s dreams.

 

good stuff, mang.

1 Comment

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