background preloader

Interaction design portfolio - Information visualization, User Interfaces, Visual design,

Interaction design portfolio - Information visualization, User Interfaces, Visual design,

magneticNorth - a digital design company, based in the UK Today, after weeks of prep we are finally able to introduce our latest project Plot to the world. Plot, meet the world. World, meet Plot. The pilot project explores the idea of ‘on-demand gardens’ - private garden spaces that can be booked by the hour within city centres. It is the first time in the UK that such a garden has been trialled and we are launching it as part of Manchester's urban gardening festival Dig the City. The festival runs from the 2nd-10th August. We created it in response to the move towards people’s preference to stream rather than buy and the shift in consumer appetite towards access to goods and services instead of owning them. People living in urban areas, specifically those without their own outdoor space, often only desire the use of a garden in the warmer summer months. To us all of the above highlighted the opportunity for an exciting new solution to this problem. Get booking your slots!

MOODS | max steffen A Dark Attitude Photography Fabio Piemonte Stylist Angelina Canale Makeup Artist Paolo De Vita @ Freelancer Hair Stylist Alessandro Galetti @ Tony & Guy Assistant Stylist Giorgia Giacomini Model Kana @ Elite Babel | Babel, the cat who would be King - Interactive book for children Karim Maaloul was born in the southern suburbs of Tunis. He spent his childhood surrounded by sheep blocking the streets, and goat thieving flowers from gardens. Local wildlife quickly became an inexhaustible source of inspiration. Later, he studied illustration and comics in Brussels. In 2009, he became one of the co-founders of Epic, a Belgian creative agency specializing in the creation of digital content and where he is now in charge of design and flash development. For Babel, he uses the various skills acquired throughout his career.

Build an Infinite Scrolling Photo Banner With HTML and CSS Today we’re going to embark on the challenge of creating an animated banner of photos that automatically scrolls horizontally through an infinite loop. The best part: we’re going to do it without a single line of JavaScript. To make this banner truly useful, our goal will be to use individual photos dropped into our HTML, not simply one long CSS background that repeats. This is pretty tricky but we’ll walk you through exactly how it works. Let’s get started! The Idea The concept here is simple. As you can see, we basically just have a strip of images that move their position from left to right. This effect is easy enough with JavaScript or Flash, but as an exercise let’s see if we can pull it off in pure CSS. Hurdles As promised, this is a pretty easy project, but only because I’ve done most of the problem solving for you. The Easy Way The easy way is to take the images that you want to display, import them into Photoshop, then combine them into one long image. The Hard Way Let’s Build It

Related: