Group items tagged

CSS Color Editor est une application en ligne qui permet de modifier légèrement ou radicalement votre palette de couleurs en trois étapes : indiquez l'emplacement de votre fichier CSS ; modifiez les anciennes couleurs grâce à un Color Picker complet et intuitif ; téléchargez le fichier CSS modifié.

Le peintre Suisse Johannes Itten, (1888-1967), professeur du Bauhaus de 1919 à 1923 est à l'origine d'une reflexion sur les couleurs. Il a défini sept types de contraste de couleurs que nous allons passer en revue ensemble.

Un jeu d'icônes réalisé exclusivement avec des propriétés CSS3 : formes, dégradés, couleurs…

surtout des générateur de palettes, qui exportent des fichiers Ase, .aco ou CSS.

Des icônes customisables à télécharger... possibilité de choisir la couleur

"Ce qui me déprime un peu c'est que l'une des grosses ficelles de ce métier, c'est que rajouter une image type header en haut d'une maquette, une image un peu abstraite, avec des couleurs saturées, et un petit effet animé, genre bandeau en flash avec quelques effets d'opacité et un arrière plan subtilement animé (genre des petites formes qui bougent on sait pas à quoi ça sert on sait pas ce que c'est mais ça fait joli), hé bha ça, rien que ça, ça suffit à faire la différence entre une maquette "Ouiais, c'est bien hein, mais c'est un peu cheap" et une maquette "Woaow il déchre ton site !""

The application allows users to experiment with color combinations, examine them under the aspect of accessibility guidelines and to create custom color palettes.

Contrast-A allows users to interact with a 3-dimensional RGB color space, experiment with color combinations, check the contrast according to both WCAG 2.0 and 1.0 and see the results for different types of color deficiency.

The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C].

Permet de déterminer si le contraste entre les couleurs de la typo et du background sont suffisamment contrastées pour une lecture aisée. Tient compte de certain déficit visuels.

"A Practical Guide to Designing for the Web aims to teach you techniques for designing your website using the principles of graphic design. Featuring five sections, each covering a core aspect of graphic design: Getting Started, Research, Typography, Colour, and Layout."