SuperNeutral

“Today we want to share an HTML5 experiment using 3D transitions and layout to recreate a touch screen publication. It’s inspired by the famous Flipboard app where a seamlessly “normal” page flips like a page in a book when swiped. We’ve tried to re-create that effect using CSS 3D transforms and JavaScript, making a layout that is “flippable” and responsive. While the swiping makes sense for touch devices, dragging will do for normal browsers.

The HTML is build up of a main wrapper with the class container and the ID flip. Inside, we’ll have all the pages, the first one being the cover and the last one being the back of the booklet. The other pages will contain some title element and boxes.”

view demo http://tympanus.net/Development/FlipboardPageLayout/

via http://tympanus.net/codrops/2012/05/07/experimental-page-layout-inspired-by-flipboard/

Read More

Swÿp gathers information such as your phone and iPad’s approximate location (available via WiFi) and account details (via sites like Facebook or Gmail), then ties that information to a real-time gesture, the swipe (or Swÿp). Hold up two Swÿp-enabled devices next to each other, and they’re able to communicate in a language both understand: a hybrid of the digital and physical worlds.

“It’s a very smart way to use existing devices without any added technology,” says Ishac Bertran, who developed the UI concept we reported on last week. Though he points out that Swÿp doesn’t enable a completely seamless user interaction. For instance, he says, after swiping to create a connection between two gadgets, you can’t change their position, or they’ll lose their spatial link. A device equipped with spatially aware sensors, as Bertran envisions it, wouldn’t have that problem.

via http://www.fastcodesign.com/1669697/it-exists-mit-creates-tech-for-moving-files-across-devices-with-a-swipe

Read More

“Watson is a graduation project by Lennart Basler. Watson creates a programme optimised to your personal taste. If your friends come by, the programme changes to something everybody enjoys. All the magic of Watson also works online.

You are able to create a hangout with a friend. It’s like a virtual living room where you can chat while watching a programme you both enjoy. Watson knows when your friend is watching the same series. You can easily catch up with them to watch future episodes together.

The logo is dynamic: Each triangle represents a genre (action, comedy, romance, suspence and demand) and changes according to the current programme.”

via http://lennartbasler.com/work/watson/

Read More

Over the past couple of months the good people of Gesture Theory has been working hard on a better way to publish to the iPad and iPhone. Their first alpha release of DeckPub, gives people the ability to create a simple touchscreen web application based on pre-defined templates. It was limited in what it could do but it gave them an understanding on how people could use DeckPub’s decks. Based on those observations they recently released in public beta.

DeckPub is one of the latest in a line of web-based publication apps to facilitate an alternative to native iOS apps. The discussion surrounding the HTML5 vs. Native app has been a heated debate. With the introduction of the to retina display  in the new iPad this discussion has flared up again. We at Super Neutral believe in the web and see it as in-evitable that HTML5 apps will be the best bet for publishers looking to te future. The cost of development, platform fragmentation and overall business model behind digital publishing make DeckPub and its alternatives (and the browser) the way to go.

via http://deckpub.com/

Read More

“Proto.io is a new UI prototyping tool specifically tailored for mobile and tablet applications. The web based environment allows you to start off by creating a project for iPhone, iPad, Android phones or tablets.

After creating a few screens, you would typically expect to be able to link pages together with interactivity – and proto.io does just that. It comes prepackaged with actions that are custom to hand held devices allowing you to simulate interactivity such as clicks, taps, tap & holds as well as swipes.

In addition, transitions such as slides, pops, fades and flips are also supported creating a closer resemblance to the real experience through the prototype. Pretty cool!”

via http://proto.io/

Read More

‘Meta Products – Meaningful Design For Our Connected World’ was written and designed by Amsterdam based design studio Booreiland, which itself doesn’t claim to have all the answers but moreover tried to make a book for the future. A book that starts a conversation, sparks new ideas and most of all that inspires. The book talks about the phenomenon of Meta Products, and also presents Network Focused Design as a design approach, usable for everyone who wants to design successful solutions for our connected world.

In the next few years products, services, places, knowledge and people will be web-enabled, creating new connections and new networks. Business success will rely on harmonious and valuable networks, called Meta Products.

With this the book aims not only at industry designers, but also at students from design academies. Next to that, many cases are provided along the way to support the theory. Within this new category of smart product-service networks the web will play a central role; it is the information stream that feeds the whole network. Think about examples such as Nike+, FedEx SenseAware and Fitbit.

 

“This is the book presentation of Meta Products – Meaningful Design For Our Connected World, held by Menno Huisman, co-author of the book, on november 25th 2011. The presentation explains the contents of the book and the accompanying website, but also gives background information of the writing process itself.”

 

buy book http://amzn.to/vsu1Zy

via http://www.metaproducts.nl

Read More

“Framed* is capable of displaying a diverse selection of interactive art, web apps, motion graphics and illustrations. But perhaps most significant is the iPhone app that acts as a remote controller, allowing the user to either select and play art (either in person or away), or to control interactive pieces of art through the touchscreen.

Equipped with an integrated computer, Framed* is, in essence, a digital picture frame… and then so much more. What’s intriguing is that this is not a new invention. We have digital picture frames and we have digital signs (this is somewhere in between) and yet it’s revolutionary – a great example of how good design, when married with a clear concept, can result in a robust product.”

via http://frm.fm/

Read More

“Exclusively designed for the iPad, Katachi chronicles global design culture, individuals who transform society and ideas that fuel our collective imagination.”

itunes http://itunes.apple.com/us/app/katachi/id443918409?mt=8

via http://katachimag.com/

Read More

“Les éditions volumiques is a publishing house focusing on the paper book as a new computer platform, as well as a research lab on book, (computational) paper, reading and their relation to new technologies.”

via http://www.volumique.com/

Read More

“Instant access to podcast subscriptions, stream or download episodes wirelessly, follow show notes and enjoy audio and video podcasts on-the-go. Instacast makes it easy to manage multiple podcast subscriptions. Subscribe a podcast via the integrated Online Directory, import episodes from your iPod Library and always stay up-to-date.”

via http://vemedio.com/products/instacast

Read More
WordPress SEO fine-tune by Meta SEO Pack from Poradnik Webmastera