Search
Quick Tips for High Contrast Mode
27.6.2020
Sarah Higley has some CSS tricks up her sleeve for dealing with High Contrast Mode on Windows, which I learned is referred to as WHCM.
Here’s the first trick:
[…] if the default CSS outline property doesn’t give you the visual effect you want [in WHCM] for focus states...
1 Cent per Kilowatt-Hour: China’s Sichuan Province Encourages Hydro-Powered Bitcoin Mining
29.4.2020
The local government of Ya’an city, in China’s Sichuan province, has announced the region is encouraging bitcoin mining in Sichuan if operations leverage the local hydropower plants. The document released by Ya’an city officials is in stark contrast to how Sichuan lawmakers felt...
The Contrast Triangle
21.4.2020
Chip Cullen:
Let’s say you’re building a site, and you’re working with a designer. They come to you with some solid designs, and you’re ready to go. You’re also a conscientious front end developer and you like to make sure the sites you build are accessible. The designs you’re working from have...
Market Wrap: Bitcoin Price Volatility Declines in Contrast to S&P 500
15.4.2020
As coronavirus upends economic patterns, the S&P 500 continues a rocky run while bitcoin’s volatility has declined
Programming Sass to Create Accessible Color Combinations
12.3.2020
We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed.
The post Programming Sass to Create Accessible Color Combinations appeared first on CSS-Tricks
Understanding Web Accessibility Color Contrast Guidelines and Ratios
19.2.2020
What should you do when you get a complaint about the color contrast in your web design? It might seem perfectly fine to you because you’re able to read content throughout the site, but to someone else, it might be a totally different experience. How can put yourself in that person’s shoes...
Facebook, China Light Flame Under Fed: Governor Cites Stablecoins Influencing Digital Dollar Research
9.2.2020
At the recent Symposium for Future Payments held in Stanford, California on February 5, Federal Reserve Governor Lael Brainard stressed the importance of remaining “on the frontier of research and policy development regarding CBDC.” The position seems a contrast to the narrative in 2018...
Bad accessibility equals bad quality
22.1.2020
Here’s a smart post from Manuel Matuzovic where he digs into why accessibility is so important for building websites:
Web accessibility is not just about keyboard users, color contrast or screen readers. Accessibility is a perfect indicator for the quality of a website. Accessibility is strongly...
A Whole Bunch of Places to Consider Contrast in a Single Paragraph
23.12.2019
When we're thinking about choosing colors in design, we're always thinking about accessibility. Whenever colors touch, there is contrast and, if we're talking about the color contrast of text, it needs to be high enough to be readable. This benefits people with a variety of visual disabilities,...
WhoCanUse
4.12.2019
There are loads of microsites and developer tools for looking at color accessibility, including tools built right into browser DevTools. They often show you if a color passes AA or AAA WCAG guidelines. But color contrast is more complicated than that because there is a wide variety of vision...
Weekly Platform News: Contrast Ratio Range, replaceAll Method, Native File System API
22.11.2019
In this week's roundup: Firefox's new contrast checker, a simpler way to lasso substrings in a string, and a new experimental API that will let apps fiddle with a user's local files.
Firefox shows the contrast ratio range for text on a multicolored background
According to Success Criterion 1.4.3...
Awards That Look Beyond the Flashy
3.10.2019
Dan Mall is judging the Communication Arts Interactive 2020 awards. These types of things are usually a celebration of flashy, short-lived, one-off designs. Those things are awesome, but Dan has more in mind:
I’d love to award work that demonstrates creative use of the highest level of color...
Korea: Opposition Party Boasts Pro-Crypto Policy in Contrast to Gov't
19.9.2019
South Korea's main opposition party, the Liberty Korea Party, will back the authorization of security token offerings in its new, pro-crypto policy
Bitcoin vs Ethereum: BTC Records 0.7% Drop in Contrast to ETH’s 0.8% Hike in A Day
1.9.2019
It is a good start of a new month for both Bitcoin and Ethereum holders. Both coins are moving almost identically since yesterday, and while there has been a slight dip in the price of Bitcoin, it may make it up to the investors by the end of this day. ETH has been profitable throughout....
Color contrast accessibility tools
29.5.2019
Accessibility is all the rage these days, specifically when it comes to color contrast. I’ve stumbled upon a couple of tools this week that I think are pretty nifty for helping make sure that all of the text on our websites is legible regardless of what background color they might have.
First...
CSS Variables + calc() + rgb() = Enforcing High Contrast Colors
21.2.2019
As you may know, the recent updates and additions to CSS are extremely powerful. From Flexbox to Grid, and — what we’re concerned about here — Custom Properties (aka CSS variables), all of which make robust and dynamic layouts and interfaces easier than ever while opening up many other...
Digital Gold: A Game-Changer for Traditional and Digital Currencies
4.1.2019
Disruption of the global monetary order Trust in currencies is vital for the global economy to function. In the past, when metal money was prevalent, people exchanged gold and silver coins because they were inherently valuable. By contrast, today’s paper […]
The post Digital Gold:...
Dark theme in a day
21.5.2018
Marcin Wichary has written a great piece that dives into how he used CSS Variables to create a night mode and high contrast theme in an app. There’s so many neat tricks about how to use CSS Variables (Chris has also looked at theming) as well as how to organize them (Andras Galante has...
The backdrop-filter CSS property
16.5.2018
I had never heard of the backdrop-filter property until yesterday, but after a couple of hours messing around with it I’m positive that it’s nothing more than magic. This is because it adds filters (like changing the hue, contrast or blur) of the background of an element without changing the text...