CSS3 – Effet parallaxe (sans JavaScript) - CSS / CSS3. 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. J’en profite pour remercier Simon qui m’a autorisé à reprendre son design ainsi que la base du code qu’il a conçu pour l’article sur Alsacréations. Démonstration Place à l’explication !
Concept Pour réaliser cet effet il nous faut plusieurs éléments qui vont nous permettre de simuler différents plans. Lorsque un tel effet est mis en place sur un site web, il l’est souvent pour offrir une transition originale entre deux vues, un peut comme lors d’un diaporama pour passer d’une slide à l’autre. <! 25 Must-Read Books For Designers, Developers And All Creative Types. You may already know that I read a lot and of course being a designer and a blogger there’s many design blogs that I follow and read on a regular basis, but there’s also a lot of books about design, usability, typography, CSS, freelancing and a boat load of other related topics out there.
All these books can help make you a better designer and business owner so I thought I’d make a list of some of my favorite ones and include a short summary/quote, book authors and the topics discussed in the books. Here we go! Hope you enjoy the list! Please feel free to let me know which ones are you favorite in the comment section and of course if a book you’ve read isn’t on this list, let me know about it so I can check it out!
Web Standards Solutions: The Markup and Style Handbook Author: Dan CederholmTopics: CSS, HTML, Design, Web-StandardsPrice: $23.09 The Elements of Typographic Style Author: Robert BringhurstTopcis: Typography, Design, StylePrice: $19.77 CSS Mastery: Advanced Web Standards Solutions. How to draw the Twitter logo with 100% CSS. No javascript! No images! 20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates. I hope you have heard a little about CSS3 and HTML5. And I’m sure you’ve used at least one of the cool features they offer. But now it is time to use them at their full (or almost full) power. You may be asking yourself “It is time to change?
Should I forget everything I know and dive into this new world?”. Well dear padawan, you don’t need to do so. Frameworks are helpful with this. This time we will talk a little about frameworks and other tools, like generators and templates. So, let’s rock. HTML5 Boilerplate – Templating that fits all needs This is the most useful for me. Cool features: Constantly improving – Last update says that they reduced the overall size of the published boilerplate by 50%Build script – .js and .css minify, image optimization, html optimization, server configurations for caching…Custom install setup – So you can choose what you want in “your” boilerplateCross-Browser compatibleHTML5 ReadyPrint stylesheet ready to use 52framework – Supports almost anything Real State.