Victor Loux → Bookmarks → css

toolness/accessible-color-matrix: An Elm-based prototype to help designers build accessible color palettes.

github.com/toolness/accessible-color-matrix

• accessibility, tag
• css, tag
• colour, tag
• matrix, tag
• ·7 years ago

Microsoft Edge web platform features status and roadmap - Microsoft Edge Development

developer.microsoft.com/en-us/microsoft-edge/platform/status/

Learn what web platform issues Microsoft Edge supports and is currently working on

• microsoft, tag
• edge, tag
• accessibility, tag
• browser_support, tag
• browser, tag
• css, tag
• html, tag
• ·7 years ago

a11y.css

ffoodd.github.io/a11y.css/

This CSS file intends to warn developers about possible risks and mistakes that exist in HTML code. It can also be used to roughly evaluate a site's quality by simply including it as an external stylesheet.

• css, tag
• accessibility, tag
• bookmarklet, tag
• test, tag
• tools, tag
• error, tag
• aria, tag
• validation, tag
• ·7 years ago

User Facing State | CSS-Tricks

css-tricks.com/user-facing-state/

• accessibility, tag
• css, tag
• state, tag
• component, tag
• aria, tag
• html, tag
• active, tag
• screen_reader, tag
• ·7 years ago

Inclusive Components

inclusive-components.design/

A blog trying to be a pattern library. All about designing inclusive web interfaces, piece by piece.

• css, tag
• accessibility, tag
• reference, tag
• components, tag
• a11y, tag
• learning, tag
• pattern, tag
• html, tag
• ·7 years ago

Design Better Data Tables – uxdesign.cc

uxdesign.cc/design-better-data-tables-4ecc99d23356

• UX, tag
• ui, tag
• tables, tag
• dataset, tag
• design, tag
• css, tag
• best_practices, tag
• ·7 years ago

It's Time To Start Using CSS Custom Properties – Smashing Magazine

smashingmagazine.com/2017/04/start-using-css-custom-properties/

• css, tag
• css3, tag
• reference, tag
• custom, tag
• web, tag
• ·7 years ago

Semantic UI

semantic-ui.com/

• ui, tag
• pattern, tag
• css, tag
• framework, tag
• web_app, tag
• bootstrap, tag
• design, tag
• pattern_library, tag
• ·7 years ago

Carbon Design System

carbondesignsystem.com/

• design, tag
• css, tag
• webdesign, tag
• styleguide, tag
• ibm, tag
• ·7 years ago

μ css framework

bafs.github.io/mu/

• css, tag
• framework, tag
• minimal, tag
• fast_loading, tag
• ·7 years ago

Animista

animista.net/

Animista is a place where you can play with a collection of ready to use CSS animations, tweak them and download only those you will actually use.

• css, tag
• animation, tag
• tools, tag
• reference, tag
• easing, tag
• parameters, tag
• ·7 years ago

Linting HTML using CSS

bitsofco.de/linting-html-using-css/

• html, tag
• css, tag
• debugging, tag
• linting, tag
• a11y, tag
• ·7 years ago

A Complete Guide to CSS Grid | Codrops CSS Reference

tympanus.net/codrops/css_reference/grid/

• css, tag
• layout, tag
• grid, tag
• development, tag
• reference, tag
• tutorial, tag
• teaching, tag
• ·7 years ago

BafS/Gutenberg: Modern framework to print the web correctly.

github.com/BafS/Gutenberg

• css, tag
• web_design, tag
• print, tag
• framework, tag
• printing, tag
• stylesheets, tag
• ·7 years ago

Hero Patterns | Free repeatable SVG background patterns for your web projects

heropatterns.com/

Zondicons

• svg, tag
• resource, tag
• design, tag
• css, tag
• ui, tag
• pattern, tag
• texture, tag
• ·7 years ago

HTML & CSS Is Hard | A friendly web development tutorial

internetingishard.com/html-and-css/

• html, tag
• css, tag
• teaching, tag
• education, tag
• web, tag
• tutorial, tag
• ·7 years ago

CSS Grid – Table layout is back. Be there and be square.  |  Web  |  Google Developers

developers.google.com/web/updates/2017/01/css-grid

• css, tag
• web, tag
• grid, tag
• table, tag
• ·7 years ago

rscss

rscss.io/

• css, tag
• design, tag
• layout, tag
• naming, tag
• style_guide, tag
• development, tag
• ·7 years ago

CSS Reference - A free visual guide to the most popular CSS properties

cssreference.io/

CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

• teaching, tag
• css, tag
• resource, tag
• reference, tag
• frontend, tag
• ·8 years ago

Font style matcher

meowni.ca/font-style-matcher/

If you're using a web font, you're bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you've chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.

• css, tag
• fouc, tag
• unstyled, tag
• webfonts, tag
• typography, tag
• reactivity, tag
• ·8 years ago