Techniques de ninja en CSS - CSS Tricks Me, for the last year or so: "rem's are so cool! I'm gonna size everything with them, that way I can adjust the font-size on the root element and everything will scale with it!" It was a nice dream. And it wasn't a disaster. That comes from essentially: I admit that I like that simplicity, but I'm starting to think it's a little too dreamy for all but the simplest of sites. If any of those things happen, then you're making @media query specific adjustments which not only gets confusing but isn't very efficient (adjusting size just to adjust it again to fix it). So here's my idea: you still keep px size adjustments at the document level so you can make easy/efficient sweeping size changes. This way you can adjust font-size at a module level, which is pretty easy. You can play around with the idea here by adjusting the sliders: See the Pen Em AND Rem by Chris Coyier (@chriscoyier) on CodePen. At a certain medium size, everything looks fine. This is how it would go down:
lab.goetter.fr Compatibilité navigateurs - HTML5 Please Media Queries PlugIns jQuery - jQuery UI CSS3 Create - Démos, tutoriels et expériences CSS : menus, galerie photos, interfaces web. Progresser via une communauté de codeurs - Exercism.io Mozilla Developer Network Inspiration design d'interfaces utilisateurs - Awwwards Elements such as full screen images or videos, parallax scrolling, hamburger menu icons, boostrap templates or "Google Design Material"... are everywhere! The saturation of these techniques and resources has led to a rather boring, generic web experiences. Responsive Web Design created a platform for safe design patterns which safeguard usability and multi-device adaptation. At this point in time, questions are being asked about the over-reliance on patterns and design materials; achieving visually creative and original user experiences appears to be the cause of much head scratching to some within the industry. Despite this rationalization of design, we can find original and creative examples which take the risk and look beyond flat design. Mobile UI examples are pretty commonly used to illustrate this point. By Michael Oh By Michael Martinho By Michael Martinho By Anke Mackenthun By Javier Perez By Ehsan Rahimi By Patrick Monkel By Ehsan Rahimi Elegant Seagulls Maan Ali JJ Lee Liz Wells Bytte
ScrollMagic - Demo