Search
IRS Releases Draft Tax Form for Digital Assets — Expert Raises ‘Major Privacy and Security Concerns’
21.4.2024
The U.S. Internal Revenue Service (IRS) has released a draft tax Form 1099-DA for reporting digital asset proceeds from broker transactions. Brokers, including unhosted wallet providers, are required to report proceeds from digital asset dispositions to the IRS. A crypto tax expert has highlighted...
Demystifying Screen Readers: Accessible Forms & Best Practices
19.4.2024
This is the 3rd post in a small series we are doing on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look at using a …
Demystifying Screen Readers: Accessible Forms & Best Practices originally published...
Managing User Focus with :focus-visible
6.4.2024
This is going to be the 2nd post in a small series we are doing on form accessibility. If you missed the first post, check out Accessible Forms with Pseudo Classes. In this post we are going to look …
Managing User Focus with :focus-visible originally published on CSS-Tricks, which is part...
Accessible Forms with Pseudo Classes
22.3.2024
Hey all you wonderful developers out there! In this post, I am going to take you through creating a simple contact form using semantic HTML and an awesome CSS pseudo class known as :focus-within. The :focus-within class allows for …
Accessible Forms with Pseudo Classes originally published...
IRS Revises Digital Asset Question on Tax Forms
25.1.2024
The Internal Revenue Service (IRS) has revised the question about digital assets included on income tax forms. Moreover, the tax authority has added the question to four additional tax forms. “The question must be answered by all taxpayers, not just by those who engaged in a transaction...
What’s New With Forms in 2022?
8.9.2022
Browsers are constantly adding new HTML, JavaScript and CSS features. Here are some useful additions to working with forms that you might have missed…
requestSubmit()
Safari 16 will be the final browser to add support for requestSubmit.
Before we …
What’s New With Forms in 2022? originally...
Sports Game Delayed Over Cover Star's Dick Pic Scandal
25.11.2021
Sometimes, sports video games need to change their covers just before they’re released. It’s happened with FIFA and PES, it’s happened with Madden, it’s happened to NBA 2K. It’s now also happening with Cricket 22, but for slightly more scandalous reasons.Read more
Zero Trickery Custom Radios and Checkboxes
18.11.2021
I feel like half of all “custom-designed radio buttons and checkboxes” do two things:
Make them bigger
Colorize them
I always think of SurveyMonkey for having big chunky radios and checkboxes. And indeed, just poking at their interface quickly, even …
The post Zero Trickery...
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...
enterkeyhint
5.11.2021
I only just recently learned the enterkeyhint attribute on form inputs was a thing! It seems like kind of a big deal to me, as crafting HTML form markup is a decent slice of a front-end developer’s life, and this …
The post enterkeyhint appeared first on CSS-Tricks. You can support...
How to Create a Contact Form With Next.js and Netlify
21.10.2021
We’re going to create a contact form with Next.js and Netlify that displays a confirmation screen and features enhanced spam detection.
Next.js is a powerful React framework for developing performant React applications that scale. By integrating a Next.js site with …
The post How...
Building a Form in PHP Using DOMDocument
14.9.2021
Learn how to build an HTML form in PHP using DOMDocument — a structured and expressive way to build logical markup.
The post Building a Form in PHP Using DOMDocument appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter
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...
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...
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...