bossing around | Ruben Bos

1984 - Nicholas Negroponte predicts the iPad, iBooks and an One...

Sat, 11 Feb 2012 12:30:55 +0100

1984 - Nicholas Negroponte predicts the iPad, iBooks and an One Laptop per Child kinda project.

Nice article on Design Shack why Pinterest is so great. From an...

Tue, 07 Feb 2012 21:59:48 +0100

Nice article on Design Shack why Pinterest is so great. From an UX view.

Brit - The Areaware Alarm Dock Turns Your iPhone Into an Old...

Tue, 07 Feb 2012 21:39:00 +0100

Brit - The Areaware Alarm Dock Turns Your iPhone Into an Old School Flip Clock

via davemorin

3.2 million ink dots. Hero on Vimeo

Tue, 07 Feb 2012 16:17:00 +0100

3.2 million ink dots. Hero on Vimeo

Live.js

Sun, 29 Jan 2012 22:31:34 +0100

Live.js:

“is a productivity tool, primarily aimed at front-end developers working in a development environment. It allows you to view the latest changes to your web page in the browser in real time, an auto refresh of sorts.

In other words, whether you’re editing JavaScript, CSS or HTML files, as soon as you hit CTRL-S, the browser is updated with your changes. So in theory, when in development, you can kiss goodbye to constant ALT-TAB and F5 based-distractions and concentrate on your workflow – your page will always be up to date in Chrome, Firefox, IE etc…”

List.js - Add search, sort and flexibility to plain HTML lists with cross-browser native JavaScript

Sat, 28 Jan 2012 21:08:30 +0100

List.js - Add search, sort and flexibility to plain HTML lists with cross-browser native JavaScript:

Nice.

Responsive Design Sketchbook

Sat, 28 Jan 2012 20:06:00 +0100

Responsive Design Sketchbook

Samsung Galaxy Tab. It’s Time to Tab (Parody)

Fri, 27 Jan 2012 10:04:53 +0100

Samsung Galaxy Tab. It’s Time to Tab (Parody)

Just got access to the New Vimeo. Looks very nice and simple....

Fri, 27 Jan 2012 10:04:19 +0100

Just got access to the New Vimeo. Looks very nice and simple. Love it when a website has such a great overhaul. Are you watching Flickr??

Cover of Avicii’s Levels by JWKTJE. Called Super Mario...

Sat, 21 Jan 2012 20:15:00 +0100

Cover of Avicii’s Levels by JWKTJE. Called Super Mario World Levels. Made entirely of sounds from Super Mario World (SNES).

Naconf: Trent Walton

Sat, 21 Jan 2012 20:06:00 +0100

We’re just back from Nottingham, for the New Adventures in Web Design Conference. One of the speakers we really wanted to see was Trent Walton. If you’re not familiar with Trent, his personal blog is a great showcase of both fonts and responsive design. He’s also well-known for his work for Lost World’s Fair, a website to show the capabilities of fonts and CSS3, working together with great designers like Jason Santa Maria and Frank Chimero.

To improve you have to break rules.

Trent pushed the possibilities of web design. In his great talk he explained how: to improve you have to break rules.

Pure CSS3 used for amazing titles

This accounts especially for the work he has done with fonts. To create these layouts, Trent had to add html, like loads of and classes to every character. To make this process easier, they created Lettering.js, a script that injects spans with classes around the characters. So you get something likeT HIS!. Semantic and codewise it’s crappy, but Trent’s tip: don’t think about compatibility but about what you want.

That might not be preferable, but because of examples like this, CSS3 changes like ::nth (to select child elements) get proposed or implemented faster. Pushing possibilities on the web forward.

Responsive Web Design

Trent also had his struggles with Responsive Web Design. According to Trent this is difficult to learn because it isn’t bolt-on, a new CSS3 trick can be implemented in projects, but to build responsive websites, you’ll have to completely change the way you work and think. From the start. And when going responsive, the flexible grids, fluid images and media queries are the ‘easiest part’. The difficult part: “can fine control of web type coexist with responsive web design?”.

FitText

In web design, we choose the size of fonts and placement of elements, to correspond with what we want to communicate. With responsive design, this is difficult because because you have several states. One website feels like 1000 PSD’s instead of one. “To think about the web responsively is to think in proportions instead of pixels”. To make text and video scalable, Trent’s company created FitText.js and FitVids.js.

To help you even more: Erskine Design, who also organised a great bowling event at Naconf, just launched Gridpak, a Responsive Grid generator. Elliot Jay Stocks tweeted after the event that he created a Photoshop grid for responsive web design.

This post was published on the Mangrove blog.

Noorderslag Interactive 2012

Fri, 13 Jan 2012 20:25:00 +0100

Just came back from an inspiring first Noorderslag Interactive. Definitely hope that the event will grow larger next year, in addition to the (awesome) Eurosonic Noorderslag music festival.

My favorite quotes and cases of the day:

Interactive Pigs

Can our ideas about meat and animal welfare change when it becomes personal? Kars Alfrink, a Dutch game designer, showed us his concept of an iPad app that let’s you contact pigs in a stall. Eh, well, just check out the demo:

Playing with Pigs: Pig Chase from Utrecht School of the Arts on Vimeo.

Quotes

“Your audience expects to be part of the creative process.”
Biggest trend in Interactive according to Shawn O’Keefe, festival director SXSW interactive.

“We had over 11 billion scrobbles, that’s over 71.596 years of music, in one year time.”
Last.fm’s Matt Sheret wants to learn from this kind of behaviour.

Catalogtree

Two years ago trading computers went berserk and started selling stock until stoxk exchanges where forced to close. 800 billion was lost in less than 10 minutes (but quickly recovered because they sold to low). Catalogtree and VPRO made an iPad documentary with interactive infographics to show how extraordinary the crash was.

more about the project

Momkai

Harald Dunnink showed a lot of great cases and explained their choices in the process. Their Open Loops project for artist Pete Philly was a great case for a music + interactive festival.

I also participated in a very good ‘Scrum for the music industry’ workshop from Fabrique and had the chance to see a lot of great bands. Alamo Race Track in a church is certainly something I can recommend. Conclusion: Let’s hope the event grows in the next few years.

Another Google initiative to track the elections using Google...

Fri, 06 Jan 2012 12:04:46 +0100

Another Google initiative to track the elections using Google Trend. Searches for Santorum are sky-rocketing in recent days. But Santorum is probably the only one not happy with that, because it is not not only a result of his Iowa election success.

Also check out: Youtube Elections channel.

Just listened to this on Beats Studio headphones....

Thu, 05 Jan 2012 12:23:02 +0100

Just listened to this on Beats Studio headphones. WOW!

hamburglr:

First, go grab some headphones. The best ones you’ve got. If the best ones you’ve got are these suckers (or something similar), you should really go buy new ones, but use the best you’ve got for right now.

Take a break from whatever you’re doing for 2 minutes and listen, but just listen to the whole thing, even if you have to multi-task.

Headphones on? Ok. Good.

Now, press play.

Via @renn

"As a designer, you have your baby that you want to try and sell. To make it saleable, you might pick..."

Wed, 04 Jan 2012 15:44:17 +0100

““As a designer, you have your baby that you want to try and sell. To make it saleable, you might pick someone who has really nice photos in their profile and use that to make your mockups,” Felton says. “But you’re ultimately just lying to yourself and the rest of the group if you think everyone’s page is going to look like that.””

- Felton, talks on Co.Design about designing the Facebook timeline.

Also see my post about Felton from last year.

How do presidential candidates compete… according to...

Tue, 03 Jan 2012 16:11:14 +0100

How do presidential candidates compete… according to Youtube views. Rick Perry and Ron Paul are head-on-head in the last week of december. If the viewers are positive or negative is not included. The most viewed election movie is Rick Perry. But he also managed to pass Rebecca Black with most dislikes on Youtube.

Nice use of statistics by Youtube. Check it out at youtube.com/politics. (via @yusufarslan)

Showcase. A portfolio on the go on your iPad. Nice...

Tue, 03 Jan 2012 14:59:50 +0100

Showcase. A portfolio on the go on your iPad. Nice work Supersteil.

impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers

Mon, 02 Jan 2012 14:05:57 +0100

impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers

Nice insights on the design of the BBC iPlayer iPhone app...

Mon, 02 Jan 2012 13:20:03 +0100

Nice insights on the design of the BBC iPlayer iPhone app written by the Senior Designer: BBC iPlayer: Designing the iPhone app.

(via @leenx)

In The Netherlands you can better ignore Twitter between 7AM and...

Sat, 17 Dec 2011 12:01:40 +0100

In The Netherlands you can better ignore Twitter between 7AM and 10AM because it’s stuffed with frustrated tweets about train delays. So I’m glad Daan van Dijk came up with TreinBingo! for the iPhone to keep commuters busy while waiting for the train to arrive/move.

Download TreinBingo!

And I gotta have this for Stopwoordenbingo too! (Dutch for filler talk).