Search

Nalezeno "outline": 53

Chess Star Sues Netflix Because Queen’s Gambit Erased Her Accolades


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


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


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


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


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...

Chess Champion Plays "Bongcloud" Move, Which Is Very Funny


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


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


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...

The :focus-visible Trick


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


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....

Copy the Browser’s Native Focus Styles


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


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


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


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...

How to Section Your HTML


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>


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 &lt;feMorphology&gt; was written by Sara Soueidan and published on Codrops

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace