Tag: web design
-
BingO Bakery
A fun retro-game style video from Microsoft giving a basic grounding in Web accessibility technologies.
-
Building the most inaccessible site possible with a perfect Lighthouse score
Manuel Matuzovic worked hard to make a web page that's violates so many accessibility rules but still passes a computerised audit.
-
HTML attributes to improve your two factor experience
Dan summarises a Twilio article showing how your tags can be improved to better-support two-factor authentication.
-
CSS4 is here!
Peter-Paul Koch of QuirksMode proposes that CSS4 should be declared a "thing", for marketing reasons, and Dan agrees.
-
Reply to: A modern font loading strategy with the vanilla JS FontFaceSet.load() method
Chris Ferdinandi's suggestion of using FontFaceSet.load() to prevent FOIT seems overkill. What's wrong with font-display: swap;?
-
Reducing motion with the picture element
A simple, elegant way to use an inline CSS media query to provide "prefers-reduced-motion" support on animated content.
-
Blogging with semantic insertions and deletions
Adapting your CSS can make semantically-enhanced /
modifications to a blog post clearer to readers. -
Modern CSS on DanQ.me
Dan explains three of the cutting-edge CSS features implemented on his blog.
-
Saw this and thought of you, @themissprince: cantunsee.space
Still have "the eye" for pixel-perfect design? #UX -
The CSS Working Group At TPAC: What's New In CSS?
Last week, I attended W3C TPAC as well as the CSS Working Group meeting there. Various changes were made to specifications, and discussions had which I feel are of interest to web designers and developers. In this article, I’ll explain a little bit about what happens at TPAC, and show some examples and demos of …
-
CSS Border-Radius Can Do That? | IO 9elements
TL/DR: When you use eight values specifying border-radius in CSS, you can create organic looking shapes. WOW. No time to read it all ?— we made a visual tool for you. Find it here.
Introduction
During this year’s Frontend Conference Zurich Rachel Andrew talked about Unlocking the Power of CSS Grid Layout. At the end … -
The elephant in the diversity room
The elephant in the diversity room - QuirksBlog (quirksmode.org) false
Although there’s a lot of heated discussion around diversity, I feel many of us ignore the elephant in the web development diversity room. We tend to forget about users of older or non-standard devices and browsers, instead focusing on people with modern browsers, which … -
Practical Color Theory for People Who Code
Practical Color Theory for People Who Code
-
DRY: Do Repeat Yourself
I am increasingly of the opinion that the general software engineering adage “Don’t Repeat Yourself” does not always apply to web development. Also, I found that web development classes in CS academia are not very realistic. These two problems turn out to have the same root cause: a lack of appreciation of what browsers do…
… -
Moving Things Around With CSS Transitions
The "pop-up head" in the top-left hand corner of the page is powered entirely by CSS: no Javascript is used at all. Dan explains how.