background preloader

Couleurs : soignez vos appas

Facebook Twitter

Couleurs : soignez vos appas. Des outils pour trouver les bonnes couleurs pour son site web, il en existe.

Couleurs : soignez vos appas

Voici ma petite sélection. Certains sites me font fuir avant d’en avoir lu une ligne, d’autres semblent n’avoir aucun attrait. Mais entre criard et fade, il y a un juste milieu avec des couleurs bien choisies et harmonieuses. Tout d’abord, trouver des couleurs. Avec d’avantage d’options que Big Huge Labs, il suffit de glisser-déposer une image (photo, logo, …) sur le site Colorpeek pour faire ressortir les couleurs dominantes. En haut à gauche, il est possible de choisir la dénomination de la couleur : héxadécimale, RGB (Red, Green, Blue)ou HSL (Hue ou teinte, Saturation et Light ou luminosité) . Ensuite on peut choisir les couleurs que l’on souhaite conserver, et enfin les exporter avec l’icône en haut à droite.

En dehors de cela vous pouvez trouver vos couleurs en fonction de marques avec brandcolors.net, ou de l’émotion ou du concept que vous souhaitez véhiculer. Les sources (et plus encore) sont ici. The Biggest Brands Colors in Image Hex and Text « Designer Found @DesignerFound.com. List of Open Source Minimalist Development Frameworks List of minimalist frameworks A list of minimalist frameworks(simple and lightweight).

The Biggest Brands Colors in Image Hex and Text « Designer Found @DesignerFound.com

All in alphabetical order. Framework for CSS Use to compress, 8 Awesome Free Online Infographic Design Tools Information graphics or infographics are graphic visual representations of information, data or knowledge intended to present complex information quickly and clearly. Anatomy of a Horrible Web Design Client Every business needs a website if they want to remain relevant which is why, in today’s internet driven world, the skill of web design and development is highly coveted. Colours in Cultures. BrandColors. Design Marketing : 4 conseils pour bien choisir les couleurs d'une marque. How do colors affect purchases? Infographic. Color-psychology-brand-colors.jpg (Image JPEG, 648 × 2285 pixels) - Redimensionnée (39%) Top-web-brand-colors.jpg (Image JPEG, 550 × 1330 pixels) - Redimensionnée (67%)

True-colors1.png (Image PNG, 960 × 3384 pixels) - Redimensionnée (26%) Simply Share Colors. Color schemes. Color Scheme Designer 3. Colorpeek: A Simple Way to See and Share CSS Colors. The following is a guest post by Tyler Sticka Tyler created a tool called Colorpeek.

Colorpeek: A Simple Way to See and Share CSS Colors

In this article, he'll introduce you to what the web app does and why, and then how the Chrome Extension works to extend that. Then tomorrow, stay tuned, as Tyler will show us how he built the Chrome Extension. A while back I found myself engaged in a monotonous task most designers will relate to. Having carefully selected a color palette in whatever design application I favored that day, it was time to share those color values with my collaborators.

I could have dumped a bunch of hex triplets into an email and called it good. So I dutifully hauled out Photoshop and made something like this for what felt like the thousandth time: That's better. Top researchers in the field of color science estimate that roughly three zillion new color apps debut each and every year. So in my spare time, I made a web app called Colorpeek. Meet Colorpeek Some examples: button. Problem Solved! Once installed, you can: Contrast Ratio: Easily calculate color contrast ratios. Passing WCAG was never this easy! For Firefox - Eyedropper, Color Picker and much more. Sass: Syntactically Awesome Style Sheets.

Sass – CSS on fire that sucks less. Le css permet de définir des styles au travers d’un langage déclaratif, de sélecteurs, propriétés et valeurs.

Sass – CSS on fire that sucks less

Le tout saupoudrée d’une notion d’héritage basique. Ce qui peut amener certains problèmes sur le long terme : répétition de code et complexification du fichier CSS où les relations entres nos éléments du DOM ne sont pas forcément claires. Sass étend les capacités du css en rajoutant la possibilité d’utiliser des variables, des fonctions, l’héritage de sélection… Tout un tas de choses qui permet non seulement de simplifier le code mais aussi, selon moi, de rendre plus logique les feuilles de styles. La structure du dom saute facilement aux yeux. Installation. La gestion des couleurs avec Sass & Compass. Enfin !

La gestion des couleurs avec Sass & Compass.

Je prends enfin le temps de rédiger un article sur mon outil favori du moment, le couple : Sass & Compass. Why Sass? I was a reluctant believer in Sass.

Why Sass?

I write stylesheets by hand! I don’t need help! And I certainly don’t want to add extra complexity to my workflow. Go away! That was the thinking anyway. And that’s the reason I wanted to write this little book. Ahem. So, I’m here to show you how Sass doesn’t have to disrupt your process and workflow, and how it can make your life easier.

The Sass elevator pitch#section1 Ever needed to change, say, a color in your stylesheet, and found that you had to find and replace the value multiple times? A Visual Guide to Sass & Compass Color Functions - Jackie Balzer. Functions — Sass Documentation. Methods in this module are accessible from the SassScript context.

Functions — Sass Documentation

For example, you can write $color: hsl(120deg, 100%, 50%) and it will call #hsl. Mrmrs/colors. Colors. What the color? - A color game for web developers!