AddToAny Share Buttons and Icons Color Oracle 22 packs d'icônes de réseaux sociaux au top pour votre site La sélection de 22 packs d’icônes de réseaux sociaux qui suit couvre plusieurs styles : flat, minimaliste, long-shadow avec également quelques sets d’icônes “à la main”. Avec elle, vous devriez trouver le style d’icône qui correspond le mieux à votre site : celui qui attirera du clic tout en embellissant votre design ! La majorité d’entre eux sont éditables sous Illustrator, Photoshop et/ou Sketch. 1. Flat Social Icon Set par SpeckyBoy (AI, EPS) 2. 3. 4. 5. 6. 7. 50 Flat Social Media Icons par Alexis Doreau (SVG) 8. 9. 10. iOS Style Social Media Icons par Roberts Ozolins (EPS, AI) 11. 12. 13. 14. 63 Social Icons, dessinés à la main (PSD) 15. 16. 17. 18. 19. 20. 40 advanced social media icons (AI) 21. 22. Vous avez aimé cet article ? Partagez-le avec votre entourage et votre réseau :)Découvrez régulièrement des tips pratiques & ressources essentielles en vous abonnant à la newsletter !
Guide de la gestion des couleurs | Arnaud Frich - Sommaire. - Nouvelles sondes Datacolor ! Datacolor annonce ses nouvelles sondes de calibration écran : les Spyder X2 et le nouveau logiciel Spyder X2 6.0 - Prochainement en test - Nouvelles sondes Calibrite ! Calibrite annonce ses nouvelles sondes de calibration écran : (03 juillet 2023) - MàJ Calibrite Profiler 1.2.3 ! - NOUVEAU COMPTE INSTAGRAM - Je viens de créer une nouvelle page Instagram dédiée à la gestion des couleurs - Inscrivez-vous ! - Nouveauté 2023 ! Comment travailler avec des icônes en SVG Un bel article de notre frenchie Florens Verschelde qui a fait le buzz et a été repris par l'excellent CSS-Tricks. Explications claires du process et réflexions pour aller plus loin. Par Florens Verschelde Il existe bien des façons d’utiliser les icônes SVG en HTML et en CSS, et je ne les ai pas toutes essayées. Ce qui suit correspond à la façon de travailler de la petite équipe front-end de Kaliop. Des sites web de communication et de contenu, souvent basés sur de gros CMS, plutôt que des applications full-JavaScript. Table des matières Préparer vos icônes Lorsque vous recevez une icône SVG, conçue par un designer ou livrée avec un outil graphique (Illustrator, Adobe Assets, Sketch, Inkscape, etc.), il peut être tentant de l’inclure directement dans votre projet. Travailler avec un nouveau document ou artboard Créez un nouveau document ou un nouvel artboard (plan de travail) dans votre outil favori et copiez-collez votre icône au centre. La coupe au carré c’est plus facile Exporter en SVG
Color Wheel - Color Calculator | Sessions College The color wheel is a chart representing the relationships between colors. Based on a circle showing the colors of the spectrum originally fashioned by Sir Isaac Newton in 1666, the colour wheel he created serves many purposes today. Painters use it to identify colors to mix and designers use it to choose colors that go well together. The classic color wheel shows hues arranged in a circle, connected by lines or shapes. The colors include primary colors (red, yellow, and blue), secondary colors (orange, green, and violet), and tertiary colors (yellow green, blue green, blue violet, red violet, red orange, and yellow orange).Secondary colors are created by mixing primary colors. For example, mixing red and yellow creates orange; mixing yellow and blue creates green. The color wheel is a chart representing the relationships between colors. The classic color wheel shows hues arranged in a circle, connected by lines or shapes.
Inline SVG vs Icon Fonts [CAGEMATCH] If you're building an icon system for a site, you have some options. If you know the icons need to be raster images, then you'll likely be using CSS sprites. If the icons will be vector images (much more common these days), you have some options. Two of those options are using inline SVG and using icon fonts. Let's compare. Icons are Vector There are big advantages to vector icons: resizable up and down without losing quality, extra sharp on retina displays, and small file size among them. In a recent personal example, while converting some icons from fonts to SVG on CodePen, some of the font icons were noticeably less sharp than the ones I converted over. CSS Control The big win for inline SVG here is probably multi-color icons. Positioning Weird Failures Forced Failures Semantics Accessibility Ease of Use Browser Support Winner It all comes down to browser support.
Colour Contrast Analyser (CCA) | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience) Features WCAG 2.1 compliance indicatorsSeveral ways to set colours: raw text entry (accepts any valid CSS colour format), RGB sliders, colour picker (Windows and macOS only)Support for alpha transparency on foreground coloursColour blindness simulator Support and development For questions concerning the Colour Contrast Analyser (CCA), or to report bugs, suggest improvements, and contribute to the code, see the Colour Contrast Analyser (CCA) repository. Previous versions The current version of the Colour Contrast Analyser (CCA) has been rebuilt from the ground up using Electron. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
Créer une police d’icônes facilement à partir d’illustrations vectorielles Les polices d'icônes ou "font-icon" popularisées depuis Bootstrap sont de plus en plus utilisées sur le web. Certains services proposent de piocher des icônes dans différents packs pour se créer sa propre "police". Dans ce petit tutoriel nous verrons comment, grâce au service en ligne IcoMoon, il est facile de se créer sa propre police d'icônes à partir d'illustrations et fichiers vectoriels. Une fonte-icône est tout simplement une police d’écriture dont on aura remplacé certains caractères par des glyphes représentant les icônes que l’on veut utiliser. Très utiles dans le design d’interface lorsque l’on a besoin d’une simple petite icône monochrome, elles ont la flexibilité d’une police d’écriture : vectorielles, il est très facile d’en changer la taille et la couleur en CSS, voire d’y ajouter de l’ombrage avec text-shadow. Voir une petite démonstration en ligne : Icon Font are Awesome. ou... Exporter mes icônes au format SVG Quelques conseils sur les icônes pour un résultat optimal :
Color Contrast Checker You are here: Home > Resources > Contrast Checker <p><strong>This tool requires Javascript.</strong></p> Normal Text WCAG AA: Pass WCAG AAA: Pass The five boxing wizards jump quickly. Large Text Graphical Objects and User Interface Components WebAIM Accessibility Testing Services Web accessibility testing can be difficult! Learn more about WebAIM Evaluation Services Explanation Enter a foreground and background color in RGB hexadecimal format or choose a color using the Color Picker. WCAG 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger. Hint: Use the eye dropper tool in the Color Picker to extract the color value from any element on screen. Use our link contrast checker to evaluate links that are identified using color alone.
Accélérez vos polices d'icônes ! L'utilisation de polices personnalisées (webfont) se développe de plus en plus sur les sites web. notamment les sites développés en responsive design. Elles se composent d'un ou plusieurs fichiers externes (EOT, SVG, TTF, WOFF) chargés via la déclaration font-face. L'utilisation de ces polices a même été "détournée" pour afficher des icônes, la plus connue étant Font-Awesome, popularisée par BootStrap. Mais il y a un problème de performance : quel est l'intérêt de charger des dizaines de Ko et 479 icônes pour au final utiliser 5 ou 6 icônes sur son site ? Voici donc un petit guide pratique pour optimiser le chargement d'une police d'icônes. Icomoon à la rescousse Icomoon est un des outils les plus simple pour personnaliser et générer une police d'icônes. Aller un peu plus loin Oui mais voila, il reste encore trop de fichiers à charger. /xmedia/doc/full/embed_init_(1).png" width="540" /> Et les anciens IE dans tout ça ? /xmedia/doc/full/embed_(1).png" width="540" />
RGB color model Color model based on red, green, and blue The RGB color model (UK spelling: RGB colour model) is an additive color model[1] in which the red, green and blue primary colors of light are added together in various ways to reproduce a broad array of colors. The name of the model comes from the initials of the three additive primary colors, red, green, and blue.[2] The main purpose of the RGB color model is for the sensing, representation, and display of images in electronic systems, such as televisions and computers, though it has also been used in conventional photography. RGB is a device-dependent color model: different devices detect or reproduce a given RGB value differently, since the color elements (such as phosphors or dyes) and their response to the individual red, green, and blue levels vary from manufacturer to manufacturer, or even in the same device over time. Additive colors[edit] Physical principles for the choice of red, green, and blue[edit] Photography[edit] Television[edit] If
ICO (format de fichier) Un article de Wikipédia, l'encyclopédie libre. Pour les articles homonymes, voir ICO. Les fichiers de type ICO contiennent généralement plusieurs images de tailles différentes pour un affichage optimal en fonction de la taille et du nombre de couleurs supporté par le système utilisé.Les fichiers de type ICO prennent en charge les canaux alpha assurant la transparence de certaines couleurs.Les fichiers de type ICO ont une définition maximale de 256 × 256 pixels (les images au-delà du format 48 × 48 pixels ne sont visibles qu'à partir de Microsoft Windows Vista). Néanmoins, ce format de fichier peut également se retrouver utilisé sur les sites web en tant que favicon. Microsoft Windows Vista assure le support et offre l'affichage d'icônes allant jusqu'à 256×256 pixels, soit la résolution maximale d'une icône.
Codage informatique des couleurs Le codage informatique des couleurs est l'ensemble des conventions permettant l'affichage ou l'impression par un périphérique informatique d'une image en couleurs, plutôt qu'en noir et blanc. Le codage se base sur la synthèse additive trichrome des couleurs. Principes[modifier | modifier le code] Il y a lieu de se demander quelle est la quantité d'information nécessaire à l'affichage de la couleur. Dans le meilleur des cas, on peut distinguer quelques dizaines de niveaux de gris. Les mêmes raisons s'appliquant à chaque canal de couleur primaire (rouge, vert, bleu), on peut leur attribuer chacun un octet. Une estimation grossière des capacités à distinguer les couleurs donne environ 15 à 20 000 nuances identifiables ; en prenant comme référence le seuil de discrimination des couleurs, on arrive, dans les meilleures conditions d'examen, à un demi-million de couleurs[1]. Nombre de bits par pixel[modifier | modifier le code] Palettes[modifier | modifier le code] Exemple : Le carré ci-contre