Search

Nalezeno "keyboard": 81

Razer’s Huntsman V2 Is That Rarest Of Beasts: An Analog Keyboard

5.2.2021
Most mechanical keyboard switches have two states, on or off. The switches inside Razer’s new $250 Huntsman V2 Analog keyboard sense degrees of motion, allowing users to set their own actuation depth, apply degrees of pressure like with an analog joystick, or even have one key perform multiple...

npm ruin dev

9.12.2020
In 2020, I rediscovered the enjoyment of building a website with plain ol’ HTML, CSS, and JavaScript — no transpilin’, no compilin’, no build tools other than my hands on the keyboard. Seeing as my personal brand could be summed up “so late to the game that the stadium has been demolished,”...

Exploring What the Details and Summary Elements Can Do

26.11.2020
We’ve mentioned before just how great the <details> and <summary> elements are. They’re great for quickly making accordions that are accessible to touch, mouse, and keyboard input: CodePen Embed Fallback <details> and <summary> can even be used to play/pause gifs!...

compute cuter

30.10.2020
Get that desk more cuter, fam. Amy (@sailorhg) has this perfectly cute minisite with assorted desktop backgrounds, fonts, editor themes, keyboard stuff, and other accessories. These rainbow cables are great. And speaking of fonts, we’re still plucking away at this microsite for coding fonts...

Focus management and inert

19.10.2020
Many forms of assistive technology use keyboard navigation to understand and take action on screen content. One way of navigating is via the Tab key. You may already be familiar with this way of navigating if you use it to quickly jump from input to input on a form without having to reach for your...

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

Supercharging Number Inputs

4.9.2020
Speaking of number scrubbing (i.e. adding mouse UX to number inputs), you can also add better keyboard commands to number inputs. Kilian Valkhof explains how he added up and down arrows to a number input, as well as modifier keys to change how much the keys increment the value, like Emmet does....

Number Scrubbing

29.8.2020
If you use <input type="number">, some browsers give you an input that has UI for incrementing the number, like up/down arrows (often called “spinners”). That’s a bit helpful sometimes. But people have certainly explored fancier ways of updating that number....

How to Create a “Skip to Content” Link

17.3.2020
Skip links are little internal navigation links that help users move around a page. It’s possible you’ve never actually seen one before because they’re often hidden from view and used as an accessibility enhancement that lets keyboard users and screen readers jump from the top of the page to...

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