Best Web Fonts - Une sélection des meilleures Google Web Font Best Web Fonts est un site web répertoriant les meilleures polices Google Web Font avec des aperçus avancés de leur rendu. Google Web Font est un service vraiment génial que je recommande à tous webdesigner. Mais avec plus de 500 polices disponibles, il est souvent difficile de faire un choix ! Best Web Fonts est un site qui a pré-sélectionné les meilleures polices en provenance de Google Web Fonts pour faciliter le choix de la typo de son futur webdesign. En plus de cette sélection, chaque police pourra être testée dans différents contextes: Titre, accroche, paragraphe et lien, citation ou encore liste. De quoi avoir une bonne idée du rendu en condition réelle. Vous pourrez aussi tester différents effets CSS3 sur le titre qui utilise la Web Font pour voir comment elle réagi. Puis télécharger le bout de code qui va bien pour utiliser la Google Web Font et même le code CSS si vous souhaitez reproduire l'effet sur votre site: Pratique non ? Site Officiel
Base de bons et mauvais exemples JuicyStudio Colour Contrast The old Accessibility Evaluation and Repair Tools (AERT) suggested algorithm for determining colour contrast now directs here. The AERT algorithm was never a recommendation, and WCAG 2.0's luminosity contrast algorithm is recommended instead. Success Criterion 1.4.3 of WCAG 2.0 requires the visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1; Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement. Analyse Luminosity Contrast Ratio
Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web Myths About How Blind People Use the Internet As a frontend developer of course I’d heard about accessibility. I’d always followed best practices when creating web content that shouldn’t have any problems being read by a screenreader. Like so many other developers in my position though I’d never actually tried a screenreader myself. It always seemed like a difficult thing to do, and I’d heard it was expensive. Myth: Screenreaders Read Link Title Text This is not true, and surprised me greatly! @silktide says: We’re researching link title text, & how it’s not used by screen readers. @Zeldman says: No! I wrote more about how I mistakenly thought title text improved accessibility here. Myth: Blind Users Use a Text-Only Browser Don’t get confused between a screenreader and a browser, they aren’t the same. According to a study by WebAIM the majority of screenreader users use Internet Explorer and Firefox on Windows. Myth: Blind Users Don’t Have JavaScript Enabled How many users of any kind actually disable JavaScript? Summary
RGBA Calculator How we all see colors differently—Color theory in design | Koos Looijesteijn There’s the old question: “Do you see that color the same way I see it in my mind?” To some extend this will remain a philosophical question involving the swapping of hypothetical consciousnesses between hypothetical brains. But here’s what we do know. Three reasons why people looking at one thing can see something differently 1) Cone sensitivity differs between people Cones are the cells on your retina sensing light in one of three color ranges. Sensitivity can also differ greatly from person to person. 2) Vision changes constantly Even an individual can perceive one color differently depending on the context. Time doesn’t even have to be involved. In lab experiments on researchers got people to classify colors as blue that they called purple just minutes earlier. 3) Culture defines how we see color There’s a whole cultural processing layer defining what colors we’re able to see. Depending on where children grow up, they learn different words to label colors. There's no blue in Russian.
ColorSchemer Browse Schemes Sort: Date|Rating|Downloads Showing schemes 1-10 of 6,152 2,777 Downloads+aqua By: ibrahimefouad 0 Comments 2,219 Downloads+Arad-khaki By: waiting313 17 Comments Arad Khaki Related: Arad ejama khaki gold darkkhaki 1,987 Downloads+Triads2 12 Comments Triads Colors nexcource darmanyar poopak 1,970 Downloads+pvnk By: eepukettula 26 Comments 2,165 Downloads+birthday By: roppongi 52 Comments 3,206 Downloads+Flat UI Colors By: Love Bdsobuj 24 Comments Flat UI Colors Schemes... flat ui color schemes 3,062 Downloads+bootstrap-color-schemes 155 Comments Most usages bootstrap colors... bootstrap 1,969 Downloads+Sunset Wedding 2 By: twinklevango 37 Comments A beach wedding sunset. 1,793 Downloads+Sunset Wedding 72 Comments Some random colors I like. 2,589 Downloads+google-material-color By: ngkhanhlinh 24 Comments 12 3 4 5 6 7 8 9 | Next » mySchemes Account Login or create an account to upload and manage your color schemes!
There’s already a blueprint for a more accessible internet. The internet can be a hostile space for 15% of the world’s population who experience some form of disability. Try navigating a website as someone who is visually impaired: Turn on voice command on your computer (Command ⌘ + F5 if you’re on a Mac, enable Navigator if you’re on a PC) and go to Amazon’s Kindle store. You’ll quickly find out that those who rely on voice commands can’t skip around and are doomed to listen to every notation about every page element before getting to the one piece of information they need. “It’s a crime that the most versatile device on the planet—the computer—has not adapted well to people who need help,” laments Vint Cerf, the “father of the internet,” who co-authored the net’s communication protocol with Bob Kahn. The 75-year old computer scientist knows this pain point first hand having been born with a hearing impairment and color blindness. The internet was a welcoming place when Cerf conceived of it. Some recommendations are less obvious. Quartz
Color Palette Generator Color Palette Generator #ffeeff #ffccdd #eeaaaa dull #33aa77 #ffeeee #ffbbdd #ff7799 vibrant URL of image: Make color schemes. If you like this you might also like Logoshi.com, my logo generator All Tools Biorhythms Business Card Generator Calendars, Printable Swiss Style Color Palette Generator Color Picker Comic Strip Maker Crapola Translator Drawmigo Favicon Generator Flickr RSS Feed Generator IMG2TXT Invent-a-Word Logoshi Logo Maker Pixel Art Generator Rainbow Words ROT13 Subwords! Reference Ajax Example ASCII Table Current Stamp Price Jedi Robe Pattern Recipes Special Characters URL Encoded Chars Really Old Fun and Games Hangman Horoscope Magic 8 Ball Mastermind Star Wars Costumes © 1999 - 2017 DeGraeve.com
Accessibilité web : Comment rendre votre site web utilisable par tout le monde ? Améliorer l’accessibilité de votre site web vous permettra de toucher un public plus large, d’augmenter le trafic et les conversions sur votre site. Il faut toujours être conscient qu’entre 15% et 20% de la population souffrent d’un handicap, d’une forme ou d’une autre : handicap visuel, auditif, moteur… Ne pas travailler sur l’accessibilité web de son site, c’est se priver de millions de visiteurs potentiels. Dans ce guide complet, nous abordons en détail toutes les problématiques relatives à l’accessibilité web : pourquoi est-elle importante ? Quelles sont les principales recommandations et les principaux standards en matière d’accessibilité web ? Pourquoi vous devez optimiser l’accessibilité de votre site web ? Rendre son site facile d’accès a deux principaux avantages. De garantir un accès égal pour tout le monde à votre site Internet. Découvrez notre guide complet sur l’art d’optimiser les images pour le web : choix du format, compression et bonnes pratiques. #1 Le handicap visuel