Victor Loux → Bookmarks → Tag: css

141 bookmarks tagged “css”

BEM For Beginners: Why You Need BEM — Smashing Magazine

smashingmagazine.com/2018/06/bem-for-beginners/

Design Patterns on CodePen

codepen.io/patterns

Styling buttons, the right way

fvsch.com/code/styling-buttons/

Grid to Flex

gridtoflex.com/

Blitz Tricks — CSS tricks to improve your eBooks

friendsofepub.github.io/eBookTricks/

Introduction · Front-End Developer Handbook 2018

frontendmasters.com/books/front-end-handbook/2018/

Implementing a reduced-motion mode

hugogiraudel.com/2018/03/19/implementing-a-reduced-motion-mode/
There are quite a few reasons for someone not to want animations. Some people suffer from motion sickness. Some people suffer from ADHD. Some people simply d...

30 Seconds of CSS

atomiks.github.io/30-seconds-of-css/

CSS: The bad bits (and how to avoid them) - Joe Forshaw

joeforshaw.com/blog/css-the-bad-bits-and-how-to-avoid-them

Flexbox Froggy - A game for learning CSS flexbox

flexboxfroggy.com/

Accessible Emoji, Tweaked | Adrian Roselli

adrianroselli.com/2016/12/accessible-emoji-tweaked.html

Styling using language attributes

w3.org/International/questions/qa-css-lang
What is the most appropriate way to associate CSS styles with text in a particular language in a multilingual HTML or XML document?

Focusingly – Better focus styling

focusingly.net/
With Focusingly, focus styling adapts to match and fit individual elements.

Windows High Contrast Mode: the limited utility of -ms-high-contrast | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience)

developer.paciellogroup.com/blog/2016/12/windows-high-contrast-mode-the-limited-utility-of-ms-high-contrast/

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

github.com/toolness/accessible-color-matrix

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

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.

User Facing State | CSS-Tricks

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

Inclusive Components

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

Design Better Data Tables – uxdesign.cc

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