Image by Maurizio Anzeri

15/04

A monthly selection of the hottest digital shit.
By Plan.Net Solutions.

Interaction Design & User Experience

Login Experience

This login experience creates an optical impression of making the website our own by logging in.


View

Animation Principles for the Web

Animation can be a powerful tool to help our visitors and customers understand and benefit from our designs. There are principles we can apply to our work to make the most of this power.

Preloaders & Spinners

Some great examples of loaders. Created with pure CSS and svgs.

Prism Effect Slider

A tutorial on how to create a slider with a "prism" effect using HTML5 canvas globalCompositeOperation and a layering technique. Maybe something new we could try on stage images? Or maybe a whole campaign could be built around this effect?


View

The whole world with code

A nice example of what is possible with code & the latest browsers.


View

Intelligent response button

A button that responds differently, depending on where you click.


View

MultiLayer Effects

Effects that were only available in Photoshop are now possible on the web.


View

Authentication process

A very nice solutions to give the user feedback at authenticating after the login. Click on the login button to see the effect.

Page Loading Effects

Modern ways of revealing new content.
Pretty usefull for fancy microsites.

Morphing Window

A sexy modal window to open a content layer.

uilang

A minimal, ui-focused programming language for web designers. A nice way to move content.

vivus, bringing your SVGs to life

Vivus is a lightweight JavaScript class that allows you to animate SVGs, giving them the appearence of being drawn.

User Experience and Credit Card Payment Forms

Everybody loves shopping, until you get to the checkout and have to swipe your credit card. This is not the most pleasurable part of shopping, is it? And when you add in the painful user experience of payment forms, you will get either a distressed customer or a user that eventually fails to convert.


View

Everybody Scrolls

Evolve your design too quickly and you’ll leave your users behind. Design too slowly and your users will do the same to you. It’s crucial to keep design practices aligned with the way users really interact with digital products and interfaces. To help, Huge’s UX and research teams are collaborating to test conventional and emerging design and usability standards.


View

Power Chart

A very nice animation of a power chart. Morphing the button to content.


View

Analytics animation

Neat animation of a analytics bar, gives an interactive experience to the user.


View

Toggle Account

A nice account toggle layout. A prominent way to show choices.


View

Responsive Logos with svgs

This post shows how to efficiently implement responsive logos on the front-end.


View

Mega Dropdowns - Learnings

A good article about mega dropdowns and what we could learn about our experiences with them.


View

Tools

Adobe Comp CC

New Adobe tool set to revolutionise your mockups.


View

Get scenery

Showcase your designs with mockup templates.


View

Stampsy

A new platform to share your design.


View

Proto.io

Create fully-interactive high-fidelity prototypes.


View

The Eye tribe

The world's first 99$ eye tracker with full SDK.


View

VHX

A new platform to share videos.


View

mydevice.io

A great pixel overview of all the latest devices. Mobile devices, in Responsive Web Design, relate to a core value which is the value of CSS width or ("device-width"), in CSS Device Independant Pixels, which depends both of the browser and user zoom settings.

Tablet live wallpaper

Ok, you will see cheesy flowers, but this app is not about design, the technology is very nice. Watch the video!

Inspiration

Social Clocks

View

Nice product designs

View

Digital portraits of animals

View

9 Squares

An international collaboration of 9 different designer/animators.


View

Great Illustrations

View

Clothes that reveal hidden patterns in UV light

View

Unique Seascape Photography by Ray Collins

View

Orphe: smart-shoes for artists and performers

View

Fonts

Sortdecai

View

Glaser Stencil

View

Badhead

View

Helena

View

Free: Bough

View

Fancy

Chrome Experiment of the month

Great live glitch effects. Try in chrome!

Space of the month

Horsehead Nebula





Any Comments? Feedback? Feel free!