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
Vibrant.js - Extract prominent colors from an image. Extract prominent colors from an image.Vibrant.js is a javascript port of the awesome Palette class in the Android support library. Showcase Use of Vibrant is pretty straight forward, but because code works better than explanation, here's an example: As you can see, Vibrant's first argument is an image. new Vibrant( img, 64, /* amount of colors in initial palette from which the swatches will be generated, defaults to 64 */ 5 /* quality. 0 is highest, but takes way more processing. defaults to 5. */) The Swatch class Vibrant.swatch() returns a object with Swatch objects. Basecamp 3: Manage projects, groups, and client work.
Progresser via une communauté de codeurs - Exercism.io Fontface Ninja 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 Material Design for Bootstrap Material Design for Bootstrap is a theme for Bootstrap 3 which lets you use the new Google Material Design in your favorite front-end framework. If you like this project you can support me by donating something on Gratipay, starring this repository, or reporting bugs and ideas. Read more about Material Design for Bootstrap at the Github page. If you want support the development of this project please consider donate something: Thanks to all the people that has donated on PayPal! You are great guys! Seems like you are using AdBlock to hide banners... Thanks! You can get this theme downloading the source from Bower or NPM: bower install bootstrap-material-design npm install bootstrap-material-design Download Install with NPM You can also install and manage Material Bootstrap using NPM Install with Bower You can also install and manage Material Bootstrap using Bower What's included Material Design for Bootstrap is downloadable in a two forms. Required Frameworks Bootstrap v3.0+ jQuery 1.9.1+ Input - Legacy
User Centered Design Canvas — First UX tool combining user needs with business goals