Victor Loux → Bookmarks → Tag: css

107 bookmarks tagged “css”

Atomic Design by Brad Frost

atomicdesign.bradfrost.com/
Learn how to create and maintain digital design systems, allowing your team to roll out higher quality, more consistent UIs faster than ever before.

Rhythm in Web Typography | Better Web Type

betterwebtype.com/rhythm-in-web-typography
Horizontal rhythm mostly impacts the legibility, while vertical rhythm impacts the readability of the text and establishes a sense of visual hierarchy.

Designing The Perfect Date And Time Picker — Smashing Magazine

smashingmagazine.com/2017/07/designing-perfect-date-time-picker/

MySpace and the Coding Legacy it Left Behind

news.codecademy.com/myspace-coding-legacy/

How to Create a Distill Article

distill.pub/guide/

CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks

css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/

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/