Search

Nalezeno "forms": 290

Making Disabled Buttons More Inclusive

12.5.2021
Let’s talk about disabled buttons. Specifically, let’s get into why we use them and how we can do better than the traditional disabled attribute in HTML (e.g. <button disabled> ) to mark a button as disabled. There are lots of … The post Making Disabled Buttons More Inclusive...

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

Creating an Editable Textarea That Supports Syntax-Highlighted Code

16.4.2021
When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax its typed. There are projects like this, like CodeMirror, Ace, and … The post Creating an Editable Textarea That Supports Syntax-Highlighted Code...

HTML Inputs and Labels: A Love Story

30.3.2021
Most inputs have something in common — they are happiest with a companion label! And the happiness doesn’t stop there. Forms with proper inputs and labels are much easier for people to use and that makes people happy too. A… The post HTML Inputs and Labels: A Love Story appeared first...

Creating Custom Form Controls with ElementInternals

24.3.2021
Ever since the dawn of time, humanity has dreamed of having more control over form elements. OK, I might be overselling it a tiny bit, but creating or customizing form components has been a holy grail of front-end web development … The post Creating Custom Form Controls with ElementInternals...

Don’t put pointer-events: none on form labels

12.2.2021
Bruce Lawson with the tip of the day, warning against the use of pointer-events: none on forms labels. We know that pointer-events is used to change how elements respond to click, tap, hover, and active states. But it apparently borks … The post Don’t put pointer-events: none on form labels...

Modder Forms Amazing Custom PC Out Of '80s Voltron Toy Castle

22.1.2021
When ‘80s kid Robdp82 found a relatively rare 1984 Voltron “Castle of Lions” playset in his mother’s attic, he did what any nostalgia-loving computer builder would do—he transformed it into a lovely Voltron-themed custom PC, complete with five color-coded lion SSDs.Read more

Lightweight Form Validation with Alpine.js and Iodine.js

20.1.2021
Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site or a server-rendered Rails or Laravel app? Alpine.js and Iodine.js are two minimal JavaScript … The post Lightweight Form Validation with...

Make Your Own Tools

4.1.2021
Spencer Miskoviak on the Wealthfront blog: By creating custom DevTools specific to an app, they can operate at an even higher abstraction to handle things like user interactions, or debugging tracking events. While this requires building and maintaining the … The post Make Your Own Tools...

“Yes or No?”

23.12.2020
Sara Soueidan digs into this HTML/UX situation. “Yes” or “no” is a boolean situation. A checkbox represents this: it’s either on or off (uh, mostly). But is a checkbox always the best UX? It depends, of course: Use radio buttons if you expect the answer to be equally...

XRP Price Forms a Slight Declining Trend from Weekly High

21.12.2020
XRP, one of the top three cryptos of the global market, is seen trading in red with intraday bearish candlewick below $0.55, while currently trades with a slight gain at $0.561. Tracking cues from the largest cryptocurrency price movement by market capitalization, Bitcoin, it is clear that the Bull...

How to Add Text in Borders Using Basic HTML Elements

1.12.2020
Some HTML elements come with preset designs, like the inconveniently small squares of <input type="checkbox"> elements, the limited-color bars of <meter> elements, and the “something about them bothers me” arrows of the <details> elements. We can style them to match...

Use a Submit Button Outside of !

24.11.2020
Have you ever felt like you’ve been a professional developer or designer forever, and somehow not known something basic, and borderline hate yourself? That’s me with a trick that was introduced to me by Miguel Piedrafita: 🔥 You can submit forms from a button outside of the form...

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