Search
Chess Star Sues Netflix Because Queen’s Gambit Erased Her Accolades
18.9.2021
Female Soviet chess legend Nona Gaprindashvili is suing Netflix for $5 million after a scene in the hit show Queen’s Gambit falsely claimed she had never played against men. In fact, she claims to have played and beaten dozens of men. In the suit, Gaprindashvili called the incorrect dialogue...
Kyoto Looks Different Without All The Tourists
1.9.2021
This June, for the first time in a long time, I went to Kyoto with my kids to see the sights. But like everywhere, the city felt different. Something was missing. It was summer. The kids needed something to do. Kyoto Prefecture is not far from where I live in Osaka. I can be there in 20 minutes...
Using the `outline` Property as a Collapsable Border
18.6.2021
The outline property in CSS draws a line around the outside of an element. This is quite similar to the border property, the main exception being that outline isn’t a part of the box model. It is often used for …
The post Using the `outline` Property as a Collapsable Border appeared first...
Text Outline Animation with Three.js
19.4.2021
Learn how to code the text outline effect seen on cornrevolution.com using Three.js with some GLSL.
The post Text Outline Animation with Three.js appeared first on Codrops
Before Game of Thrones Got Big, Intimacy Was Its Greatest Strength
15.4.2021
This Sunday marks 10 years since Game of Thrones changed the television landscape as we know it—kickstarting a decade of imitators, influencing the way genre stories were told as prestige drama, and, for most of that decade, expanding itself into a pop-cultural behemoth. Revisiting its first season...
Platform News: Rounded Outlines, GPU-Accelerated SVG Animations, How CSS Variables Are Resolved
2.4.2021
In the news this week, Firefox gets rounded outlines, SVG animations are now GPU-accelerated in Chrome, there are no physical units in CSS, The New York Times crossword is accessible, and CSS variables are resolved before the value is inherited.…
The post Platform News: Rounded Outlines...
Chess Champion Plays "Bongcloud" Move, Which Is Very Funny
17.3.2021
Norway’s Magnus Carlsen is a chess grandmaster, the current world champion, as well as world #1 in rapid and blitz chess as well. He is very good at chess, but in this match against fellow grandmaster Hikaru Nakamura, he opens by playing one of the worst possible moves in the entire game.Read more
Japan Finally Gets Rules About Japanese Whisky
16.2.2021
Japanese whisky isn’t yet one hundred years old. The country set up its first proper whisky distillery in 1923. And from then until this year, there were zero codified rules about what exactly Japanese whisky was.Read more
:focus-visible Support Comes to Firefox
10.2.2021
Look at that! The :focus-visible pseudo-selector is now supported in Firefox, as of version 85 which shipped yesterday. I had to rush over to the MDN Docs just to confirm, and yep, the :focus-visible page has been updated to …
The post :focus-visible Support Comes to Firefox appeared first...
Central Bankers, Experts Outline Possible Scenarios for CBDC Adoption
20.11.2020
Central bank digital currencies can have broad implications for the global balance of power, experts say
The :focus-visible Trick
16.10.2020
Always worth repeating: all interactive elements should have a focus style. That way, a keyboard user can tell when they have moved focus to that element.
But if you use :focus alone for this, it has a side effect that a lot of people don’t like. It means that when you click (with a mouse)...
Stroke Text CSS: The Definitive Guide
4.9.2020
Whenever I think of stroked text on the web I think: nope.
There is -webkit-text-stroke in CSS for it, but it places that stroke in the middle of the vector outline of the characters, absolutely ensuring that the character doesn’t look right. Just look at this in Chrome or Safari. Gross....
Bitcoin price at a critical weekly close: Crypto traders outline likely outcomes
29.8.2020
Bitcoin approaches the last weekly candle for the month of August. Traders discuss where BTC might be headed next in the short to long term
Copy the Browser’s Native Focus Styles
28.8.2020
Remy documented this the other day. Firefox supports a Highlight keyword and both Chrome and Safari support a -webkit-focus-ring-color keyword. So if you, for example, have removed focus from something and want to put it back in the same style as the browser default, or want to apply a focus style...
Quick Tips for High Contrast Mode
27.6.2020
Sarah Higley has some CSS tricks up her sleeve for dealing with High Contrast Mode on Windows, which I learned is referred to as WHCM.
Here’s the first trick:
[…] if the default CSS outline property doesn’t give you the visual effect you want [in WHCM] for focus states...
How to Buy Bitcoin – 5 Quick and Simple Ways to Get Started
11.2.2020
If you’re one of the many people looking to get into bitcoin for the first time, it doesn’t have to be hard. There are more than a few easy routes to acquiring cryptocurrency and this article aims to outline five of them. By way of these simple avenues for purchasing bitcoin you can...
Having a Little Fun With Custom Focus Styles
2.12.2019
Every front-end developer has dealt or will deal with this scenario: your boss, client or designer thinks the outline applied by browsers on focused elements does not match the UI, and asks you to remove it. Or you might even be looking to remove it yourself.
So you do a little research and find...
Weekly Platform News: Tracking via Web Storage, First Input Delay, Navigating by Headings
4.10.2019
In this week's roundup, Safari takes on cross-site tracking, the delay between load and user interaction is greater on mobile, and a new survey says headings are a popular way for screen readers to navigate a webpage.
Let's get into the news.
Safari’s tracking prevention limits web storage
Some...
How to Section Your HTML
18.6.2019
The sectioning elements in HTML5 are <nav>, <aside>, <article>, and <section>. <body> is also kind of a sectioning element since all content lying inside of it is part of the default document section.
Here is a brief explanation of each sectioning element...
SVG Filter Effects: Outline Text with <feMorphology>
22.1.2019
In this second part of our SVG Filter series you'll learn all about the feMorphology filter, how it works and how you can use it to create interesting effects.
SVG Filter Effects: Outline Text with <feMorphology> was written by Sara Soueidan and published on Codrops