Search

Nalezeno "outline": 20

Chinese Chess Champ Stripped Of Title After Taking A Dump In A Bathtub


When you accomplish something big, like winning a major tournament, how do you celebrate? Maybe you jump around in excitement, salty rivulets streaming down your face in a rush of emotions. Maybe you pop a bottle of champagne and spray it around like an NFL player after the Super Bowl. Or,...

YouTubers Put Anal Bead Chess Conspiracy To The Test


The chess world was rocked by a cheating scandal last September after former world champion Magnus Carlsen insinuated that an opponent, grandmaster Hans Niemann, had used foul play to beat him at the Sinquefield Cup in St. Louis, Missouri. Now, some British YouTubers have put the most outlandish...

Fancy Image Decorations: Outlines and Complex Animations


We’ve spent the last two articles in this three-part series playing with gradients to make really neat image decorations using nothing but the <img> element. In this third and final piece, we are going to explore more techniques using the … Fancy Image Decorations: Outlines...

Roundup of Recent Document Outline Chatter


It’s not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard. First off, you should know … Roundup of Recent Document Outline Chatter...

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

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

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

The div that looks different in every browser


It's not that Martijn Cuppens used User Agent sniffing, CSS hacks, or anything like that to make this quirk div. This is just a plain ol' &#60;div&#62; using the outline property a la: div { inset 100px green; outline-offset: -125px; } It looks different in different browsers because browsers...

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