15/09

A monthly selection of the hottest digital shit.
By Plan.Net Solutions. Created by Sandra Heinzen.

Synchronized Cross-device Mobile Testing

If you're a web developer targeting the multi-device web, you likely have to test your sites and web apps across a number of different devices and configurations. Synchronized testing can help here and is an effective way to automatically perform the same interaction across a number of devices and browsers at the same time.


View

Blindmaps.org

What does it take to change the urban environment to provide the necessary infrastructure for an open navigation system for the blind and visually impaired? We are proposing an open & modular hardware/software ecosystem to tailor for the wide range of navigational challenges and use-cases that the visually impaired may experience while independently exploring unfamiliar places.

The UI of the Future – 3D User Interfaces – Current Applications and Potential

User-Interface Design is often seen as a field which hasn’t evolved very far; in fact if you look at what works in UI Design that might be taken as a compliment.

Here's Your Room Key, Here's Your Gear VR: Marriott Goes Virtual

In an industry first, Marriott offers Virtual Reality ‘Room Service’ to guests.


View Article

You Can Use These Tiny Stickers to Map All of Your Stuff

FROM THE BEGINNING, Estimote has wanted to create an operating system for the physical world. And it’s just taken another step toward that goal.


View

Sequence.js

The responsive CSS animation framework For creating sliders, presentations, banners, and other step-based applications


View

Information Dashboards A Quick Peek at Why They Matter

It’s the age of big data. The more data a company can collect then the theory goes that the more of a competitive advantage they can extract from that data. So data collection is a thing. Companies go all out today in order to collect more data than ever before. Then there comes a moment when it becomes clear that there’s too much data. We need to interpret it in a way more conducive to our own thought processes because all that raw data is too much to consume. So in comes the information dashboard.


View

On The Future of Web Design Tools

Raise your hand if you remember Dreamweaver​. Actually, I can’t see any hands, so tell the person sitting next to you that you remember Dreamweaver. You’re bad ass enough to have rocked it this long, go ahead, tell them. I’ll wait. Back? What did they say? Were they like, “what?!”Or were they like, “dude, can’t you see I’m busy trying to find the perfect GIF response for this Slack thread?” What do you people do all day? Seriously.

What is the difference between Interaction Design and UX Design?

This is a question we hear a lot. Unfortunately there’s no simple answer to this question. Firstly, that’s because there’s no globally agreed definition of the two terms. That means that our explanation often needs to change depending on the user’s perspective. Secondly, it’s also because there’s a lot of common area between the two fields even when using the most common definitions.

Color

Get HTML color codes, Hex color codes, RGB and HSL values with our color picker, color chart and HTML color names. Let's go!

Work Hard, Live Well

Amazon isn’t the only company burning out their employees with unsustainable expectations. Let’s break the cycle.

The Secret to Successful Food Packaging Design

We all see it every day. That box, that wrapper, those bottles, jars, and cans. Food packaging is something that permeates our lives, and yet most people don’t ever stop to consider how it actually affects the decisions we make when we purchase our food.

What Chicken Nuggets Taught Me About Using Data to Design

It was dinnertime and my colleagues were staring into the freezer of a 48-year-old man named John. As IDEO designers, we were working with a client to develop a new line of healthy food products, and John was one of the people who had invited us into his kitchen for research.


View

Inspirational UI Design

UI and UX design plays a huge role in whether people adopt your software, app or website. You might have the best idea ever for a piece of software or app, but if the UI and UX implementation isn’t done well then no one is going to use it. Here is a random selection of UI and UX’s.


View

Video: Data Scanner v 0.2

Making networks around you visible.


View

Material cards demo

Great card design with a nice interaction for the detail-view.


View

How To Hold A Design Jam In 53 Minutes

Matthew May became a designer in less than an hour. Push your creative limits by holding a design jam of your own.


View

Daily UI elements

A designers experiment of making everyday an UI element for 100 days straight.


View

UI Patterns

Great summary of a lot UI Elements with examples and screenshots.


View

My Life as a Robot

I HAVE BEEN part robot since May. Instead of legs, I move on gyroscopically stabilized wheels. Instead of a face, I have an iPad screen. Instead of eyes, a camera with no peripheral vision. Instead of a mouth, a speaker whose volume I can’t even gauge with my own ears. And instead of ears, a tinny microphone that crackles and hisses with every high note.



Lines 2.0

Nice 3D effect with 2D graphics.



Floating Couture

Awesome shop layout.



Framer.js

Prototype anything you can imagine with this awesome tool.



Font: Amsdam

Font: Imogen Agnes



Hover.css

A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.



Flying a drone in your browser with WebBluetooth

CSS vs. SVG: Shapes and Arbitrarily-Shaped UI Components

In the first two articles of this series, we compared CSS and SVG techniques for creating graphical text effects and ways to style (and animate) HTML checkboxes and radio buttons, respectively. In this article, we are going to go over techniques for creating arbitrarily-shaped UI components using CSS properties and SVG’s capabilities, and a mix of both!







Any Comments? Feedback? Feel free!