Search
Dark mode and variable fonts
23.4.2020
Not so long ago, we wrote about dark mode in CSS and I’ve been thinking about how white text on a black background is pretty much always harder to read than black text on a white background. After thinking about this for a while, I realized that we can fix that problem by making the text thinner...
Let a website be a worry stone
1.4.2020
Ethan Marcotte just redesigned his website and wrote about how the process was a distraction from the difficult things that are going on right now. Adding new features to your blog or your portfolio, tidying up performance issues, and improving things bit by bit can certainly relieve a lot...
Collective #597
16.3.2020
Creative Coding Essentials * Accessible SVGs * The CSS Podcast * RedwoodJS * Sketch Dark Mode Plugin
Collective #597 was written by Pedro Botelho and published on Codrops
Geoff’s Redesign Posts
9.3.2020
I love it when people redesign "in the open" and write about it. I'd just like to shout out to our own Geoff who has been doing this for 3 months now. He started in late December last year. He's been sharing stuff like his dev tooling choices, considering performance, considering accessibility...
Let’s Say You Were Going to Write a Blog Post About Dark Mode
26.2.2020
This is not that blog post. I'm saying let's say you were.
This is not a knock any other blog posts out there about Dark Mode. There are lots of good ones, and I'm a fan of any information-sharing blog post. This is more of a thought exercise on what I think it would take to write a really great...
WDRL — Edition 280: Prometheus, new Edge, dark mode for emails and no-track efforts
17.1.2020
Hey,
First I wish all a great, healthy and stressles new year, and hope many of you had a bit of a calmer time over the last weeks.
In a company, culture is key to success. But how do we get to a good culture? Most importantly, we need to keep in mind that culture is not a top down approach....
The Ultimate Guide to Dark Mode for Email Marketers
7.1.2020
On the regular web (I suppose) we handle "dark mode" with the CSS prefers-color-scheme media query. But, and to nobody's surprise, it's way weirder in the land of HTML email. The weirdness is that across different email clients, they handle the dark mode thing differently, starting with the fact...
Stream-Crossing Confusion
23.12.2019
Should I use WordPress or React hooks?
Should I use D3 or CSS?
Should I use Markdown or JSON?
Can I use flexbox in Gatsby?
Can I use custom properties in Jekyll?
Should I use HTML or the cloud?
How do I add dark mode to my Vue site?
These are tongue-in-cheek, but there is a point to be made here....
WDRL — Edition 278: Cname Cloaking, Dark mode favicons, a guide to mastery, and better custom select fields
5.12.2019
Hey,
It’s interesting to reflect on our own behaviour: We can often enough catch ourselves complaining or ranting about other people — some of them we know personally, some we don’t. I’m currently reading a (German) book that’s written mostly for farmers but I can’t stop thinking...
Dark Mode Favicons
4.12.2019
Oooo! A bonafide trick from Thomas Steiner. Chrome will soon be supporting SVG favicons (e.g. <link rel="icon" href="/icon.svg">). And you can embed CSS within an SVG with a <style> element. That CSS can use a perfers-color-sceme media query, and as a result, a favicon that supports...
A Dark Mode Toggle with React and ThemeProvider
25.9.2019
I like when websites have a dark mode option. Dark mode makes web pages easier for me to read and helps my eyes feel more relaxed. Many websites, including YouTube and Twitter, have implemented it already, and we’re starting to see it trickle onto many other sites as well.
In this tutorial, we’re...
A Quick Look at the First Public Working Draft for Color Adjust Module 1
29.5.2019
We've been talking a lot about Dark Mode around here ever since Apple released it as a system setting in MacOS 10.14 and subsequently as part of Safari. It's interesting because of both what it opens up as as far as design opportunities as well as tailoring user experience based on actual user...
Night Mode with Mix Blend Mode: Difference
27.5.2019
Dark mode designs are all the rage right now but here’s an interesting take: Wei Gao has built a night mode on her own site that uses mix-blend-mode: difference to create an effect that looks like this:
Wei explains how she implemented this technique and the edge cases she encountered along...
WDRL — Edition 265: Dark Mode, Doing Nothing, Web Share, 1 Trillion Trees, And Productivity & Promises.
17.5.2019
Hey,
I was at the amazing beyondtellerrand conference this week again and every single time I come home and try to understand our industry, and our society better. There’s so much input and inspiration around, I see a lot of friends and people I see only once per year, I hear great talks. People...
Crossroads Slideshow
3.4.2019
An experimental slideshow with an inclined look, three slide previews and a content view on click.
Crossroads Slideshow was written by Mary Lou and published on Codrops
Mac Dark Mode from Command Line
30.1.2019
One of the best professional decisions I ever made was switching to a dark text editor theme. I suffered from horrible headaches for years, partially caused by late night coding sessions with blindingly bright computer screens. Recently Apple implemented a dark OS theme which helps my eyes,...
prefers-color-scheme: CSS Media Query
28.1.2019
One device and app feature I’ve come to appreciate is the ability to change between light and dark modes. If you’ve ever done late night coding or reading, you know how amazing a dark theme can be for preventing eye strain and the headaches that result. macOS recently implemented...
WDRL — Edition 232: The Cult of Complex, Why JavaScript Is Not Worse, Using Variable Fonts, Dark Mode CSS And Moral Implications.
15.6.2018
Hey,
We see complexity in every corner of a web project these days. We’ve read quite a bunch of articles about how complex a specific technology has become and we discuss this over and over again. Coming from a time where we uploaded our websites via FTP, had no git or similar, now living in...