background preloader

50 great parallax scrolling websites

50 great parallax scrolling websites
Today's advanced web technologies make it possible to create remarkable effects in the browser. While these effects can be gimmicky, when employed in the right way they can result in a distinctive and memorable website. One fairly recent web design trend is parallax scrolling, which involves the background moving at a slower rate to the foreground, creating a 3D effect as you scroll down the page. It can sometimes be overwhelming, but when used sparingly it can provide a nice, subtle element of depth. You'll find more advice in our pro tips for building parallax websites post. But to show how it should be done, we've collected together sites that employ the technique to good effect. The 41 greatest free web fonts 01. A-dam designs original boxer briefs and shorts for men with character, using GOTS-certified organic cotton and hand-made by people with fair wages and normal working hours. 02. 03. Choose a website builder: 16 top tools 04. 05. 06. 07. 08. 09. 10. 11. 12. 13. 14. 15. 16. 17.

How Your WordPress Website Can Comply with the EU Cookie Directive I don’t usually write about government policy or legal changes, but some laws directly affect the web while still leaving webmasters scratching their heads. With that in mind, meet the EU Cookie Directive. A few years back, the European Union decided to mandate that all websites operating from EU member states should have to obtain consent from users before deploying cookies. While compliance has been easy for some, others have found it to be a real headache. In this post I will explain the directive and what you need to do with your site to comply. I will also cover a selection of quality WordPress plugins that provide a solution. What is the Directive? It’s actually not a new law – the European Union just changed an old law. EU member states technically had until 25 May 2011 to make sure that their own laws were in line with the directive. There’s a lot of legal mumbo-jumbo associated with it. Why Should You Follow the Directive? What Initial Steps Should You Take? WordPress Plugins

20 best Illustrator tutorials Learn techniques for Adobe Illustrator across vector art, vector graphics, typography, pattern design and more. Adobe's vector design and art tool Illustrator can appear to have a daunting number of tools – tools that Adobe is adding to on a regular basis – but whatever you want to do with it, we have the tutorial for you here. Whether you want to create a stunning illustrations like Alexandra Zutto's owl (above), informative infographics or artful type, check out our list of the top 20 Illustrator tutorials, written by some of the world's leading illustrators and designers. Techniques covered here include faux 3D effects, linework, shading perspective, vintage effects and more. Some of these tutorials are designed to help you learn the new tools in Illustrator CC – and some will work no matter which version of Illustrator you own. Illustration tutorials for Illustrator Create a Death Goddess inspired by Mexico’s Day of the Dead Create lush, glossy vector images Create X-ray vector art

Shin!moon!go! 25 sites utilisant un effet de parallaxe original - web-design-inspiration Aujourd'hui le Blog du Webdesign s'intéresse à la nouvelle tendance de plus en plus présente dans le web design, découvrez l'effet parallaxe avec notre sélection de sites web originaux. Pour commencer intéressons nous à sa définition. Qu'est ce qu'un effet de parallaxe ? La parallaxe est l’incidence du changement de position de l’observateur sur l’observation d’un objet. source L'effet de parallaxe dans la conception web est la technique qui permet de faire déplacer des images disposées sous différentes couches. Nous vous proposons de découvrir 25 exemples de sites Web originaux qui utilisent l'effet de parallaxe pour vous inspirer et ainsi proposer une expérience interactive à vos utilisateurs. Dezup ( Projet du Blog Du Webdesign ^^ ) Chemicalromance Iutopi The Chase Digital hands Bikingboss Raffaelstueken Coca-cola Egopop.net Campaignmonitor.com/hiring Demodern Resolutionim The chris box Ap-o Tedx Portland unfold Manufacture d'Essai Nike better world Rowtothepole

Andrew Maruska & Co. go to Iceland Reykjavik Akureyi Stodvarfjodur Vik Cookie policy | Legal information | Wolf Software Limited 1. Purpose of this policy This policy gives the following information about cookies: what they are; which ones are used by Wolf Software Limited; the purposes for which they are used; and how you can manage and/or disable them. 2. What are cookies? Cookies are small text files which are placed on your device when you visit a website. conduct transactions on our site; estimate our audience size and usage pattern; store information about your preferences, and so allow us to customise our site according to your individual interests; speed up your searches; and recognise you when you return to our site. 3. A list of all the cookies used on this website by category is set out below. 3.1 Strictly Necessary Cookies These cookies are important to the underlying operation of the website, supporting important functionality such as shopping baskets and the technical operation of the website to ensure it performs how you would expect. 3.2 Site experience 3.3 Performance & operation 4. 5. 6.

Arayüz tasarımcıları için ilgi çekici içerikleri listeleyen Geisha, aylık bir milyon görüntülenmeye ulaştı Erman Taylan | 05 Şubat 2014 | Sizlere bugün biraz farklı ve ‘cool’ bir internet projesini tanıtacağız: Geisha. 2013 yılının Eylül ayında yayına giren Geisha, şu an 5 binin üzerinde arayüz tasarımcının Chrome’da açtıkları her yeni sekmede karşısına çıkıyor. Geisha’da şu an için sadece Dribbble‘da bulunan en popüler görseller ve Designer News’teki en popüler haberler listeleniyor. Şimdilik yalnızca Chrome’da çalışan Geisha’yı tarayıcını yüklediğiniz açtığınız her yeni tab’da yukarıda bahsettiğimiz içerikleri görebiliyorsunuz. Geisha’nın kullanıcı kitlesini yalnızca arayüz tasarımcılardan ibaret görmemek gerekiyor. Ahmet Sülek Ahmet Sülek tarafından hayata geçirilen Geisha, aslında bir Chrome eklentisi. 14 yaşından beri arayüz tasarımı ve yazılımla uğraşan Sülek, Flat UI Colors ve The News gibi ‘hobi’ projelerinin sahibi ve aynı zamanda Prisync girişiminin de kurucu ortaklarından. İkinci versiyon yolda

Climate Week Parallax - Ressources gratuites - tendance webdesign 2014 Vous voulez mettre des effets parallax sur votre site web? Voici une liste des meilleures ressources gratuites que vous pouvez utiliser: Tutos, framework,plugins, webdesign, sliders ! Comme vous le savez, cela fait quelques mois que le terme “parallax” a fait son apparition. Le terme Parallax s’applique lorsque divers éléments du site (background, contenu, etc.) bougent avec une vitesse différente, créant ainsi un effet de profondeur ou de décalage. Comme expliqué dans cet article sur les tendances en webdesign en 2014 (et sur plein d’autres sites spécialisés), le parallax design est une des tendances fortes pour le web en ce moment. Ci dessous vous trouverez une sélection de ressources (frameworks, plugin Jquery, exemples de site et tuto) pour mettre en place un webdesign parallax. Cool Kitten Parallax scrolling Framework J-Invert-Scroll framework Parallax multidirectionnel Slider full page parallax vertical Slider parallax 100% CSS3 – Images Slider parallax – Tout type de contenu

Related: