background preloader

Soleil Noir 2012

Soleil Noir 2012

http://www.soleilnoir.net/believein/#/start

18 Beautiful Examples of Parallax Scrolling in Web Design The parallax effect in web design is something that has gained popularity over the past couple of years. When used properly, it can result in a rich and engaging user experience with seamless navigation. When used poorly, it can result in just a page with a lot of elements moving around and a terrible UX. If you’re considering using a parallax effect in your next web design project, we’ve gathered some great examples here to inspire you.

Design / Portfolio of Imran Ashraf / Web Design & Development / Branding / Digital Abstract Art / Bradford, UK From this point on I’ll refer to myself in the third-person, all the trendy creative people are doing it. Imran was born on a mid-Summers night in 1987 - the year the Knoll brothers first developed Photoshop (anyone smell irony?). He currently lives in Bradford which is in the north of England (no, not Scotland). Imran loved to draw as a child, and after his father bought the first family computer, Imran soon transferred his creativity from paper to MsPaint. He eventually moved onto working with Photoshop, Illustrator and Dreamweaver, after realizing MsPaint was not the industry standard.

Festival - Fourth edition Application Agenda Festivals, markets, local celebrations, sportsevents - the entire programme of events in the Bouches-du-Rhône is on MyProvence Agenda. Check by date, by place, by theme: there's always something going on near you. People Like Myprovence is the official page for Bouches-du-Rhône tourism. Fluid CSS3 Slideshow with Parallax Effect In this tutorial we will create a slideshow with a parallax effect using several CSS3 properties. The idea is to move the background positions of two backgrounds while sliding the container of the slides. View demo Download source In this tutorial, we are going to create a slideshow with a parallax effect with the help of some CSS3 properties. We’ll use radio buttons and sibling combinators for controlling which slide is shown.

Men's Denim - 3D Evolution - Male Jeans FW2012. Loaded: 0% Progress: 0% Behind The Scenes Of Nike Better World Advertisement Meet the new Sketch Handbook, our brand new Smashing book that will help you master all the tricky, advanced facets of Sketch. Filled with practical examples and tutorials in 12 chapters, the book will help you become more proficient in your work. Get the book now → Perhaps one of the most talked about websites in the last 12 months has been Nike Better World. The Full Service Digital Native Agency Our Coconut Farm - Fountain of Youth Coconut Water A few words for all those who want to drink the Fountain of Youth with a clear conscience. Palm trees don't grow in Germany, otherwise we'd offer you our natural coconut water from a nut grown directly in Brandenburg. The realisation of the dream of drinking this delicious and uniquely healthy drink at home, was forced to take a detour to answer some questions: Where can we find the best coconut water? How do we transport it to Germany? How can we get it here, keeping it natural and full of vitamins?

CSS3 – Effet parallaxe (sans JavaScript) Retour des tutoriels CSS avec quelque chose d’un peu original pour cet article : un effet parallaxe uniquement en CSS3. C’est à la suite de l’article de Simon Kern sur Alsacréations que m’est venue l’envie de tenter d’utiliser CSS pour reproduire cet effet initialement conçu avec JavaScript. L’article zoom sur l’effet parallaxe de Simon est bien conçu, je vous invite à le lire si vous préférez l’utilisation de jQuery, ou si vous souhaitez découvrir une alternative ou un complément à ce tutoriel. SUPERSCROLLORAMA SuperScrollorama is powered by TweenMax and the Greensock Tweening Engine. Go to greensock.com for documentation on how to use it. Why Greensock/TweenMax? Great performance, ease-of-use, expandibility and basically because it is awesome.

Madame Butterfly Love and honour resonate with thunderous force in Puccini’s tender love story between a Japanese geisha and her naval officer as Japan opened up to the West and the 20th century. One of the world’s best-loved operas, Puccini’s masterpiece contains many of the most recognisable tunes in opera, including the “Humming Chorus” and “One Fine Day”. This exquisite new production combines beauty with unflinching emotional honesty. Discover why Cio-Cio San and her Lieutenant Pinkerton are among the world’s ten most-loved operatic couples.

scrollorama Disclaimer: This is an experimental, just-for-fun sort of project and hasn’t been thoroughly tested. Design and build your site, dividing your content into blocks. Embed scrollorama.js after jQuery and initialize the plugin, passing the blocks class selector as a parameter. Target an element and animate its properties. I'm Google I’m Google is an ongoing tumblr blog in which batches of images and videos that I cull from the internet are compiled into a long stream-of-consciousness. Both the searching and arranging processes are done manually. The batches move seamlessly from one subject to the next based on similarities in form, composition, color, and theme. This results visually in a colorful grid that slowly changes as the viewer scrolls through it. Images of houses being demolished transition into images of buildings on fire, to forest fires, to billowing smoke, to geysers, to bursting fire hydrants, to fire hoses, to spools of thread. The site is constantly updated week after week, batch by batch, sometimes in bursts, sometimes very slowly.

Related:  creative stuffCool Animation