davidbliss

davidbliss http://davidbliss.com Most recent posts at davidbliss posterous.com Thu, 09 Feb 2012 17:14:00 -0800 four screens, two orientations, one Boston Globe http://davidbliss.com/four-screens-two-orientations-one-boston-glob http://davidbliss.com/four-screens-two-orientations-one-boston-glob

Looking at the Boston Globe on four screens confirms some of my inclinations regarding breakpoints for Responsive Designs.

The portrait orientation in particular shows that one design that scales up to a breakpoint somewhere between 640 and 768 makes a lot of sense. The Kindle Fire (600 pixels wide in portrait mode) works well with the same flexible one-column layout used for 320 pixels. Meanwhile, the 768 pixel wide iPad handles a two-column layout quite nicely.

It also clearly illustrates something I had undervalued until recently. The primary breakpoints should not be hard and fast. The page header seen on the Fire in portrait (compared to the one on the phones) shows the advantage of establishing additional breakpoints for key elements on the page. The same layout optimization is used on the phones in landscape mode.

Photo_21

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Tue, 07 Feb 2012 12:46:00 -0800 Gates Foundation Visitor Center - YouTube http://davidbliss.com/gates-foundation-visitor-center-youtube http://davidbliss.com/gates-foundation-visitor-center-youtube

via youtube.com

It looks like there is some really remarkable interactive work in the The Bill & Melinda Gates Foundation Visitor Center. I particularly like the tactile interfaces (rolling wheels, spinning globes, etc.) and the instant publishing into the space and on social networks. Nice work.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Mon, 30 Jan 2012 14:43:00 -0800 Capture your life. http://davidbliss.com/capture-your-life http://davidbliss.com/capture-your-life

Understand yourself.

In the same way you can see growth from reading old entries in a diary, monitor your growth and progress through data.

via your.flowingdata.com

There is a lot to like about this application. First, the idea is empowering -- let folks determine what data they want to track and then visualize it so that they can draw inspiration and insights from it. Second, the way it leverages twitter is clever.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Wed, 25 Jan 2012 09:36:00 -0800 Is this the structure of New York City? http://davidbliss.com/is-this-the-structure-of-new-york-city http://davidbliss.com/is-this-the-structure-of-new-york-city

Media_httpfarm8static_acdme

A beautiful series of maps visualizing geo-data.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Tue, 17 Jan 2012 14:07:00 -0800 Graphing connections between products on Amazon http://davidbliss.com/graphing-connections-between-products-on-amaz http://davidbliss.com/graphing-connections-between-products-on-amaz

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Tue, 10 Jan 2012 09:43:00 -0800 AXE ANARCHY: THE GRAPHIC NOVEL - YouTube http://davidbliss.com/axe-anarchy-the-graphic-novel-youtube http://davidbliss.com/axe-anarchy-the-graphic-novel-youtube

via youtube.com

This graphic novel will pull storyline and characters from the audience's comments on Twitter, Facebook and YouTube. It makes sense that more and more content will be made this way in order to generate buzz and engagement.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Sat, 07 Jan 2012 13:55:00 -0800 Mining my twitter feed for links http://davidbliss.com/mining-my-twitter-feed-for-links http://davidbliss.com/mining-my-twitter-feed-for-links

I've been working on a way to pull links posted by twitter accounts that I follow and get them into Feedly (via Google Reader). What I do is pull out all the links, resolve them and build an RSS feed of links with the original tweet included. While I'm at it I filter out Instagram, Fourquare and Yelp.

Screen_shot_2012-01-07_at_1

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Thu, 05 Jan 2012 15:00:00 -0800 Thicket Reboot on Vimeo http://davidbliss.com/thicket-reboot-on-vimeo http://davidbliss.com/thicket-reboot-on-vimeo

Stunning.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Fri, 30 Sep 2011 11:23:00 -0700 Flash AIR / AS3OpenNI / Kinect drawing app - YouTube http://davidbliss.com/flash-air-as3openni-kinect-drawing-app-youtub http://davidbliss.com/flash-air-as3openni-kinect-drawing-app-youtub

via youtube.com

This has been up on YouTube for a while but I forgot to post it here.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Mon, 12 Sep 2011 09:28:00 -0700 Odopod acquired by Nurun http://davidbliss.com/odopod-acquired-by-nurun http://davidbliss.com/odopod-acquired-by-nurun

When I started Odopod with Tim and Jacquie, my personal intention was to do good work with great people. That was really it. I had just wrapped up an 18 month contract with Rare Medium after they aquired my first agency and I had a renewed respect for these critical aspects of work.

Over the past ten odd years, I've been able to live the dream. I've learned an incredible amount from our ever expanding team of incredibly talented and dedicated folks. Even at the most intense moments, I would not have traded this opportunity for any other -- until now.

The Nurun deal is a great opportunity for both companies and you can read more about our special chocolate-and-peanut-butter combination on our blog.

The strategic match of experience and talent between Odopod and Nurun is huge, but it was the people and our shared values that sealed the deal for me. Over the past months, I've met people from several Nurun offices and they all share the friendly, ego-nuetral personalities that characterize the folks at Odopod. What's more, they share a passion for strategy, design and technology working together to deliver innovative work that is useful and enjoyable.

I'm really looking forward to the next 10 years, working with our new global team, vendors and clients to do great work.

An incredible number of people have contributed to the success of Odopod success and I’m truly grateful for everyone's help getting us to the point where we could make this deal happen. Thank you!

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Sat, 03 Sep 2011 15:37:00 -0700 The Making of the Mill Touch in Cinder http://davidbliss.com/the-making-of-the-mill-touch-in-cinder http://davidbliss.com/the-making-of-the-mill-touch-in-cinder

The “multi-touchable” particle system was written by Hai Nguyen and is comprised of 2.4 million particles. The bulk of the math is performed on the GPU of course, using raw GLSL/FBO GPGPU techniques as opposed to CUDA or similar. The fluid sim is computed on the CPU using a custom solver and uploaded to the GPU as a velocity texture.

via creativeapplications.net

Yes, obviously ;)

Great writeup on an impressive project.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Tue, 09 Aug 2011 18:31:00 -0700 ‪AIR for mobile remote camera app‬‏ - YouTube http://davidbliss.com/air-for-mobile-remote-camera-app-youtube http://davidbliss.com/air-for-mobile-remote-camera-app-youtube

via youtube.com

This video shows an AIR desktop app that is connected (peer-to-peer) with an AIR for mobile app running on 4 different devices.

The mobile apps stream video back to the desktop application and the desktop app can be used to send messages to the camera operators.

The devices tested all handle capturing and streaming 640x480 video at 15 fps. The wifi network is having a little trouble keeping up with 4 streams but works well with fewer streams (or when I'm alone on the network).

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Tue, 28 Jun 2011 11:19:00 -0700 Post on data mining over at Odopod blog http://davidbliss.com/post-on-data-mining-over-at-odopod-blog http://davidbliss.com/post-on-data-mining-over-at-odopod-blog

I recently presented some of the data mining research I have been doing at an Odopod brown bag lunch.

A summary of that information is now on our blog and the original slides which include a few additional examples are also avaialble.

Rgraph

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Fri, 17 Jun 2011 16:28:00 -0700 V&A Ornamental installation (06/2011) on Vimeo http://davidbliss.com/va-ornamental-installation-062011-on-vimeo http://davidbliss.com/va-ornamental-installation-062011-on-vimeo

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Fri, 27 May 2011 10:57:00 -0700 Arc Diagram of Mentions in @Odopod Tweets http://davidbliss.com/arc-diagram-of-mentions-in-odopod-tweets http://davidbliss.com/arc-diagram-of-mentions-in-odopod-tweets

Lately I've been collecting and analysing Twitter data. I've been looking at networks formed by friends and followers of a set of people, tracking the path of tweets and generally building on my python skills.

I'm working toward a pretty ambitious goal but, inspired by the arc diagrams in the NYTWrites project, I decided to take a short break and render out one of my own.

Screen_shot_2011-05-27_at_10

Interactive Arc Diagram

The diagram shows all twitter users mentioned in tweets by @Odopod, sorted by the number of times they have been mentioned. The arcs link nodes that were mentioned in a tweet with other users and the width of the arc indicates the number of links. The size of the nodes represent the number of links a node has associated to it.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Tue, 17 May 2011 18:30:00 -0700 Just Cause 2 - Player Death by impact - Point Cloud Visualisation http://davidbliss.com/just-cause-2-player-death-by-impact-point-clo http://davidbliss.com/just-cause-2-player-death-by-impact-point-clo

via youtube.com

Visualizing the deaths of millions in a video game.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Tue, 03 May 2011 09:57:00 -0700 SHOWROOM RICHTI-AREAL on Vimeo http://davidbliss.com/showroom-richti-areal-on-vimeo http://davidbliss.com/showroom-richti-areal-on-vimeo

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Mon, 25 Apr 2011 13:20:00 -0700 555 KUBIK - How it would be, if a house was dreaming | facade projection http://davidbliss.com/555-kubik-how-it-would-be-if-a-house-was-drea http://davidbliss.com/555-kubik-how-it-would-be-if-a-house-was-drea

via youtube.com

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Mon, 25 Apr 2011 12:39:00 -0700 Good Linking http://davidbliss.com/good-linking-2 http://davidbliss.com/good-linking-2

Cascade. Mining and visualizing big data and complex relationships is becoming more and more critical. The New York Times R&D department is on it, using Processing and MongoDB to dig into how their content lives in Twitter.

Speaking of Processing, version 1.5 is out with support for publising to Android. While reading about it here, I got tipped to the toxiclibs. Amazing. If this was around when I was in Architecture school, I would have had a lot more free time.

Lastely another procection. This week's is a giant whack-a-mole game promoting a rugby game.

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss Sun, 24 Apr 2011 10:43:00 -0700 Eggbot Easter Eggs http://davidbliss.com/eggbot-easter http://davidbliss.com/eggbot-easter

Eggs

Permalink | Leave a comment »

]]> http://files.posterous.com/user_profile_pics/886308/square.png http://posterous.com/users/5Al6T02yYLIZ David Bliss davidbliss David Bliss