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
Basecamp 3: Manage projects, groups, and client work. Progresser via une communauté de codeurs - Exercism.io Web Starter Kit | Web Tools - Google Developers Download Web Starter Kit (beta) What is Web Starter Kit? Web Starter Kit is an opinionated boilerplate for web development. Tools for building a great experience across many devices and performance oriented. Features Quickstart Download the kit or clone the repository and build on what is included in the app directory. There are two HTML starting points, from which you can choose: index.html - the default starting point, containing Material Design layout.basic.html - no layout, but still includes our minimal mobile best-practices Be sure to look over the installation docs to verify your environment is prepared to run WSK. Web Performance Web Starter Kit strives to give you a high performance starting point out of the box. Browser Support At present, we officially aim to support the last two versions of the following browsers: ChromeEdgeFirefoxSafariOperaInternet Explorer 9+ Troubleshooting A Boilerplate-only Option Docs and Recipes File Appendix - What do the different files here do? Inspiration
PlugIns jQuery - jQuery UI User Centered Design Canvas — First UX tool combining user needs with business goals 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:
How to build a living style guide in Webflow | Webflow Blog Behind every powerful, consistently expressed brand, there is a document: a style guide. And while most of them live in the form of hard-to-find and even-harder-to-update PDF formats, the best of the best live on the web, in the form of living style guides. In this post, we’ll show you how to build one, and perhaps even more importantly, why. Why build a living style guide? Because (most) style guides suck Instead of giving you a step-by-step description of the average experience of working with a style guide, here’s a quick story that sums it up: Before Webflow, I was at an advertising agency. I was constantly asking which button blue was correct that day, versus the day before, versus the icon blue. On top of all that, there’s the issue of actually finding the files for the most current, style-guide-approved logo/icon/font because the style guide was just a static PDF. And this was an everyday problem: never an ultimate source of truth, but instead, a constant guessing game. 1. 2. 3. 4. 5.
Compatibilité navigateurs - HTML5 Please