color   101924

« earlier    

Switch font color for different backgrounds with CSS
They faced a challenge: automatically adjusting the font color based on the selected background color of the container. If the background is dark, then it would be ideal to have a white text to keep it WCAG contrast compliant. But what happens if a light background color is selected instead? The text is both illegible and fails accessibility. They solved it with JavaScript. Here’s my pure CSS alternative.
fridayfrontend  css  accessibility  contrast  color 
yesterday by spaceninja
Review: JIAWEN Philips Hue Color Compatible Bulb for $30 USD or less - YouTube
JIAWEN Philips Hue Color Compatible Bulb for $30 USD or less
JIAWEN  Philips  Hue  Color  Compatible  Bulb  led  light  for  $30  USD  or  less  1st 
yesterday by kilroy2
Switch font color for different backgrounds with CSS | CSS-Tricks
Ever get one of those, "I can do that with CSS!" moments while watching someone flex their JavaScript muscles? That’s exactly the feeling I got while
accessibility  color  css  design  coding  colors  colour  contrast 
2 days ago by torstenbergler
End of the Rainbow? New Map Scale is More Readable by People Who Are Color Blind - Scientific American
“By mathematically optimizing their scale to be perceptually consistent among people who are color blind and those with normal color vision, Nuñez and Renslow avoided another major pitfall of the rainbow color scheme: With cividis, the perceived change in hue and luminance matches the actual change in the data.”
colorblindness  color  scientificamerican  2018 
2 days ago by handcoding

« earlier    

related tags

$30  (2016)  -  1000  1013  1st  2018  3d  3rd  464487  911  a11y  a19  accessibility  accessories  across  ambiance  and  arnold  art  basekit  best  blue  book  bulb  butch  buy  byobu  calling  can  cividis  class  coding  color-picker  color_theory  colorblindness  colorpicker  colors  colorscheme  colorspace  colorwheel  colour  compatible  contrast  craft-plugins  craft  css  cssbasics  culture  custom  data  dataset  dataviz  debug  definition  design+systems  design  digitalart  digitaldrawing  digitalpainting  drawing  eviction  eyes  eyesight  face  finger  font  for  foundry  fridayfrontend  fun  functions  gadget  gen  generator  gouache  gradient  gradients  graphic-design  graphic  graphicdesign  graphics  guide  gutenberg  hardware  hsl  hue  ideas  ifttt  image  infovis  inspiration  ipad  ipadpro  issue  javascript  jiawen  kitchen  language  layout  led  less  lifx  light  mapping  maya  medicine  mood  new  nintendo  nuke  of  optics  or  paint  painting  palette  pelicanbomb  people  philips  photography  physics  poetics  poor  portrait  procreateapp  programming  rainbow  reference  rosacea  roseacea  science  scientificamerican  screen  scripts  selfportrait  smart  string  style  switch  term  terminal  the  theory  tint  tmux  tool  tutorial  typography  usd  useful  vertex-color  vertex  video  visialization  visualisation  visualization  vs  wealth  web  webdesign  webdesign_tools  webdev  white  wi-fi  wordpress  workflow  york 

Copy this bookmark: