Search

Nalezeno "keyboard": 78

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

Using the HTML title attribute

15.3.2020
 Steve Faulkner: User groups not well served by use of the title attribute • Mobile phone users.• Keyboard only users.• Screen magnifier users.• Screen reader users.• Users with fine motor skill impairments.• Users with cognitive impairments. Sounds like in 2020, the only useful thing the title...

Animated Matryoshka Dolls in CSS

27.2.2020
Here’s a fun one. How might we create a set of those cool Matryoshka dolls where they nest inside one another... but in CSS? I toyed with this idea in my head for a little while. Then, I saw a tweet from CSS-Tricks and the article image had the dolls. I took that as a sign! It was time to...

Bad accessibility equals bad quality

22.1.2020
Here’s a smart post from Manuel Matuzovic where he digs into why accessibility is so important for building websites: Web accessibility is not just about keyboard users, color contrast or screen readers. Accessibility is a perfect indicator for the quality of a website. Accessibility is strongly...

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