background preloader

18 outils gratuits pour faire des maquettes d'interfaces graphiques

18 outils gratuits pour faire des maquettes d'interfaces graphiques

Related:  interacción-animación-kinectcreation-sitesOutils en ligneOutils webresponsive webdesign

Design I/O - JOHN LENNON: THE BERMUDA TAPES John Lennon: The Bermuda Tapes in an interactive Album App that tells the story of John Lennon’s life changing journey, sailing through a mid-Atlantic storm to Bermuda in June 1980. The Bermuda Tapes allows users to literally sail to Bermuda, seeing the journey and the creative re-discovery that it triggered through Lennon’s eyes and hearing the very early demo recordings he made while in Bermuda. The app album allows users to explore the very intimate artistic and collaborative process Lennon had with Yoko Ono, working with the early songs and finally leading to the release of his final recording, Double Fantasy: A Heart Play. The Bermuda Tapes comprises of six chapters of interactive and immersive storytelling and is narrated by John Lennon, Yoko Ono, The B52s, the ship’s captain and the crew among others. Through the screen of an iPad or iPhone you are able to interact with the narrative, moving, swiping and tilting, to bring to life the immersive environments and images of the story.

50 fantastic tools for responsive web design As introduced/coined by Ethan Marcotte in both his article "Responsive Web Design" as well as his best-selling book, one needs three elements to make a site responsive: A flexible/fluid grid Responsive images Media queries There are plenty of other great articles that cover motives, concepts, and techniques regarding responsive web design, so we'll keep the focus of this article on some top tools that will help you become responsibly responsive. Tools for starting out Before you start with building your site, it's best to sketch out how the elements on the page will adapt to fit the different browser sizes of the various devices that they will be viewed upon, and to avoid the disconnect that often comes from thinking primarily about the desktop design and the rest of the responsive iterations as an afterthought (see especially Stephanie (Sullivan) Rewis' comment). 01.

30 Simple Tools For Data Visualization There have never been more technologies available to collect, examine, and render data. Here are 30 different notable pieces of data visualization software good for any designer's repertoire. They're not just powerful; they're easy to use. In fact, most of these tools feature simple, point-and-click interfaces, and don’t require that you possess any particular coding knowledge or invest in any significant training.

The 20 best wireframing tools Wireframe tools make the process of knowing how to create an app or website fundamentally easier, by visually stripping the product down and allowing all involved to focus purely on functions and user interactivity. Clients need to understand how your proposed app or website will work. But simply explaining to them verbally or textually leaves the vast majority of functions down to their imagination. Collection of Excellent Tools for Responsive Web Design Responsive web design is no doubt the biggest trend right now. The term is related to the idea of developing a website so can fit to all screen resolutions. These days almost every client wants a mobile version of their website, and it is necessary if you think deeper: one design for iPhone, another one for BlackBerry, Ipad, Android and so on. In my opinion this will end the old practice of designing for mobile, no need to code another variant of your website and try to redirect users according to their device. You will have one website to rule them all! In the Web Design field we are all affected by the new devices that regular appear.

Deserve - Interactive visual experiment for Bruzed by Nick Hardeman (@NickHardeman) Created by Nick Hardeman for the music track by Bruzed, Deserve is an interactive visual experiment that comes as a stand alone OSX app. The app begins with a curated cue of audio reactive visuals responding to the audio track’s FFT data, together with an alternate ‘live audio input’ mode that allows for any audio input to drive a limited set of the visuals. The application is built in openFrameworks with 3d models animated and rigged in Blender and exported to the FBX file format and loaded into openFrameworks using ofxFBX.

Website speed test Nobody Likes a Slow Website We built this Website Speed Test to help you analyze the load speed of your websites and learn how to make them faster. It lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. We have tried to make it useful both to experts and novices alike. In short, we wanted it to be a easy-to-use tool to help webmasters and web developers everywhere optimize the performance of their websites. Feature Overview Make Patterns - Log In Sign Up COLOURlovers Search Create Delicious Alternatives and Similar Software AlternativeTo AlternativeTo is a free service that helps you find better alternatives to the products you love and hate. The site is made by Ola and Markus in Sweden, with a lot of help from our friends in Italy, Finland, USA and contributors from all over the world.

Responsive Website Design – What is it? [Infographic] » Smashfreakz Responsive website design seems to be a buzzword in the internet marketing world these days. But what is it, really – and why should you pay attention? In the web marketing and development space, new things are popping up every single day – and many fizzle just as quickly as they appear. The Earth Moves TERRA TRACTUS: The Earth Moves continues the Projects2k tradition of tremendous and multifaceted performance making. This year we look at the geological history of the Earth, and the Stony Creek Quarry itself, as they evolve through ancient history to our projected future through elemental, tectonic, and man-made forces. (from the Projects2K website)

Related:  UI design kitOUTILSressources WEBOutilsRessourcesmockupsgraphismeergoDR●PZ○NEHTML5