Search

Nalezeno "Input": 151

CSS :optional

22.5.2022
A decade ago HTML and CSS added the ability to, at least signal, validation of form fields. The required attribute helped inform users which fields were required, while pattern allowed developers to provide a regular expression to match against an <input>‘s value. Targeting required...

Input valueAsNumber

5.4.2022
Every once in a while I learn about a JavaScript property that I wish I had known about years earlier — valueAsNumber is one of them. The valueAsNumber provides the value of an input[type=number] as a Number type, instead of the traditional string representation when you get the value:...

Simplify Your File Handling With Filestack Workflows (Sponsored)

6.3.2022
Automation is a really important skill for engineers, especially when it comes to working with various file types. The more you accept for input, and the more you automate, the better end output you can offer. Filestack’s workflows allow developers to define automated tasks using a their...

Latest Nintendo Switch Online Update Also Reduced Ocarina Of Time Input Lag

25.1.2022
Last week, we reported that the Nintendo Switch Online’s emulation of The Legend of Zelda: Ocarina of Time saw a small graphical tweak with the service’s latest update. It signaled potential good news for the quality of emulated games on NSO, which players have decried for some time. In another...

HTML Sanitizer API

16.12.2021
Three cheers for (draft stage) progress on a Sanitizer API! It’s gospel that you can’t trust user input. And indeed, any app I’ve ever worked on has dealt with bad actors trying to slip in and execute nefarious code …

What do you get for using a search input type?

18.11.2021
Like this: <input type="search"> You get an extra-round-y appearance in Safari, which at one time matched the macOS look for search inputs, but not really anymore. I don’t hate the look, except… Safari totally ignores the font-size you set on … The post What do you...

Detecting Specific Text Input with HTML and CSS

9.11.2021
Louis Lazaris breaks down some bonafide CSS trickery from Jane. The Pen shows off interactivity where: You have to press a special combination of keys on a keyboard. Then type a secret password. From there, a special message pops … The post Detecting Specific Text Input with HTML and...

ADALend Makes It on “the Essential Cardano List” by IOHK

23.10.2021
Input-Output Hong Kong (IOHK) has listed ADALend on their :Essential Cardano List” of projects that are considered part of the ecosystem supporting and providing Cardano users with products and services. “The Essential Cardano List” gives an overview of the Cardano ecosystem...

The Options for Password Revealing Inputs

6.10.2021
In HTML, there is a very clear input type for dealing with passwords: <input type="password" If you use that, you get the obfuscated bullet-points when you type into it, like: •••••••• That’s the web trying to help with security. If … The post The Options for Password Revealing...

7 Practical Uses for the ::before and ::after Pseudo-Elements in CSS

21.9.2021
CSS ::before and ::after pseudo-elements allow you to insert “content” before and after any non-replaced element (e.g. they work on a <div> but not an <input>). This effectively allows you to show something on a web page that might … The post 7 Practical Uses...

Fun Times Styling Checkbox States

10.9.2021
We might leave a text input unstyled. We might leave a link unstyled. Even a button. But checkboxes… we don’t leave them alone. That’s why styling checkboxes never gets old. Although designing checkboxes is not that complicated, we also don’t … The post Fun Times Styling Checkbox States...

Always Show Arrows for Number Input

21.6.2021
While I enjoy small details that make user interfaces more elegant, I also believe that less is more, especially when it comes to native behavior. One native behavior I dislike is that <input type="number" /> elements only show the increment and decrement arrows when the input is focused....

Links on Accessibility

7.6.2021
Show/Hide password accessibility and password hints tutorial — Nicolas Steenhout goes deep on <input type="password"> accessibility. For one thing, being able to toggle it to type="text" should be possible, while announcing, politely, the change. But also, put the password hints...

16px or Larger Text Prevents iOS Form Zoom

4.5.2021
This was a great “Today I Learned” for me from Josh W. Comeau. If the font-size of an <input> is 16px or larger, Safari on iOS will focus into the input normally. But as soon as the font-size is … The post 16px or Larger Text Prevents iOS Form Zoom appeared first...

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