Search

Nalezeno "outline": 49

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

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

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

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

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

Gulp for WordPress: Initial Setup

26.12.2018
This is the first part of a two-part series on creating a Gulp workflow for WordPress theme development. This first part covers a lot of ground for the initial setup, including Gulp installation and an outline of the tasks we want it to run. If you're interested in how the tasks are created, then...

The div that looks different in every browser

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

Computer says NO to HTML5 document outline

9.6.2016
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like...

Computer says NO to HTML5 document outline

9.6.2016
What a brilliant idea! For the longest time HTML5 specified, and advised developers, that it no longer mattered what the number (1 to 6) was in a heading element (when used in conjunction with sectioning elements). What mattered was the nesting level of the H1-h6 in sectioning elements, just like...

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