iPhone 5 concept design by Ciccarese Design
Navigation patterns for responsive web design by @brad_frost
- Top Nav or “Do Nothing” Approach
- The Footer Anchor
- The Select Menu
- The Left Nav Flyout
- The Footer Only
- The “Hide and Cry”
Symbolicons: Awesome Icons with an Awesomer Website
Designer Jory Raphael has published a very robust set of vector icons called Symbolicons which have been optimized for both mobile and web apps. The icons are impressive and there are 440 of them, which should cover a number of needs.
While the icons are nice, their dedicated website is what really caught my attention. Most notably the giant robot that Jory calls “Roboticon.” Both because it’s a great illustration and also because it’s animated—with CSS. Yay for CSS3 transform!
I guess he used Sencha Animator to pull it together, which is pretty cool. I purchased Animator a few weeks back to see how it could help me animate my new creatures in the forthcoming update to my Creature Mixup app. Jory’s animated Roboticon affords me some encouragement that this will work out quite nicely.
Super useful free download: Bootstrap, from Twitter for Fireworks. Includes vectors for popular UI components and interactions. More Fireworks wireframing goodies at http://fireworkswireframingkit.com/
Display advertising: Facebook ($1.73B) number 1, Google close behind ($1.71B). Display Ads revenue forecast to double in the next two years. This doesn’t include SEM where Google dominates.
Sparking creativity within the first few site interactions: 52 Network’s avatar creation interface.
52 Network: A network for creative professionals by @howells
Hot Tumblr theme! Capitol Couture (Hunger Games movie) HT @mrgarrettjones
Quotes on Clear app “empty data set” lists. More mobile empty data set patterns: http://mobile-patterns.com/empty-data-sets
Clear is live - It’s a new to-do list app with gestural based (button-less) touch interface. See demo video.
Why is this cool? Gestures > Buttons. Buttons are a hack. Gestures = the keyboard shortcuts of touch. Let people direct interact with content.
Sweet animation but sorry lovers, it breaks my infinite scroll.
You still have time to install Falling Hearts on your blog. Click here to install them.
NYTimes data viz: Obama’s 2013 Budget
jQuery scroll path demo
