background preloader

Browsersync - Time-saving synchronised browser testing

Related:  Workflow

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 returns a object with Swatch objects. Basecamp 3: Manage projects, groups, and client work.

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

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 top 12 des banques d'images gratuites et libres de droits Cette année, on vous dit tout ! Voici l’un de nos petits secrets. La liste des banques d’image libre de droit que nous utilisons régulièrement chez Orson (et dans bien d’autres Startups) pour réaliser nos créations et illustrations. Besoin de créer ou refaire votre site ? La liste comprend maintenant, 12 banques d’images gratuites et libres de droits. Nous avons sélectionné pour vous les meilleurs sites d’images gratuites et libres de droits. Qu’est-ce que les droits d’images? Les droits d’images sont différents selon l’utilisation que vous souhaitez faire de l’image. En revanche, si vous souhaitez modifier la photo, vendre un produit ou un service contenant cette photo, il faudra alors utiliser une image ayant la licence Creative Commons BY et citer l’auteur de la photo. Toutes les banques d’images que nous proposons dans cet article sont sous la licence CC – BY donc vous êtes libre de faire ce que vous voulez sans oublier de toujours citer l’auteur de la photo. Créer un site internet 9.

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.

Le petit guide pour comprendre la psychologie des couleurs Au moment de créer la charte graphique de votre entreprise, le design de votre site internet ou vos prochaines palettes de couleurs, les couleurs ont une importance capitale. Chacune d’elle agit comme un levier psychologique chez le prospect. Cela est involontaire et c’est simplement que notre cerveau est conditionné pour assimiler certains coloris à des émotions, des sensations et des significations. Terminez vos projets plus rapidement ! 32 outils pour gagner du temps dans la réalisation de vos projets et simplifier la création graphique. Par conséquent, un mauvais choix de couleur et votre création peut renvoyer une image qui ne sera pas du tout conforme à son secteur d’activité ou simplement au message que vous souhaitez transmettre. Alors je vous propose aujourd’hui de voir plus en détail la signification des couleurs et les façons de les utiliser sur votre site ou dans vos documents officiels. Cet article à été mis à jour avec l'aide de Denis CHRISTINE le 25 Novembre 2016.