You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
I repeatedly see certain bad practices in HTML that ironically contain clues for implementing them properly in their class names or in the way they're built. In this evergreen post, I collect them.It's very likely that…
When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.tempertemper
HTML-first front-end frameworks can help you develop modern interactive web applications while keeping page load times low and responsiveness high.SitePen
A collection of bad practices in HTML, copied from real websites.A Theory of Web Relativity - HTMHell
This is the first post in a series all about uploading files to the web. In this post, we cover the steps needed to upload files using only HTML.Austin (Austin Gil)
The inputmode global attribute is an enumerated attribute that hints at the type of data that might be entered by the user while editing the element or its contents. This allows a browser to display an appropriate virtual keyboard.developer.mozilla.org
This presentation was recorded at GOTO Copenhagen 2019. #GOTOcon #GOTOcphhttp://gotocph.comStuart Langridge - Member of the Web Standards Project's DOM Scrip...YouTube
tabindex
is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way.
www.a11yproject.com
#Development #Outlooks
The end of front-end development · Things are going to change, but not in the scary way people are saying ilo.im/11t8v2
_____
#Job #AI #GPT4 #ChatGPT #ChatBot #WebDevelopment #WebDev #Code #Frontend #HTML #CSS #JavaScript #Skills #Productivity
Large language models like GPT-4 are becoming increasingly capable, at an alarming rate. Within a couple of years, we won't need developers any more! …Or at least, that's the narrative going viral on Twitter.ilo.im
TL;DR: Description list support is generally good (with Safari being the outlier), even if you may not like how it is supported.Adrian Roselli
I have started contributing PR's to improve the @w3c #HTML Validator/Checker, you should too!
github.com/validator/validator…
Nu Html Checker – Helps you catch problems in your HTML/CSS/SVG - Issues · validator/validatorGitHub
You should now be well-versed in writing accessible HTML for most occasions. Our WAI-ARIA basics article will help to fill gaps in this knowledge, but this article has taken care of the basics.developer.mozilla.org
Glad <dialog> focus is finally being implemented/defined in a reasonable way after a torturous years long, largely pointless, discussion.
“1. Make the dialog focusing steps look at sequentially focusable elements instead of any focusable element.
2. Make the dialog element itself get focus if it has the autofocus="" attribute set.
3. Make the dialog element itself get focus as a fallback instead of focus being reset to the body element.”
#HTML #WebStandards #a11y
github.com/whatwg/html/commit/…
This implements the changes proposed here: https://github.com/whatwg/html/wiki/dialog--initial-focus,-a-proposal#dialog-draft-text Specifically: 1. Make the dialog focusing steps look at seq...GitHub
When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.tempertemper
Added a color theme picker to my site recently, using a progressive enhancement strategy.
If you're interested, I wrote an article on how I approached it:
darins.page/articles/progressi…
#ux #frontend #development #html #css #javascript #userexperience #webdev
Recently, I added a dark mode setting to my website. Dark mode is a color theme feature that’s pretty common these days. Letting users adjust the color of…Darin Senneff
A collection of bad practices in HTML, copied from real websites.Common nesting issues in HTML - HTMHell
A collection of bad practices in HTML, copied from real websites.There can be only one: Options for building “choose one” fields - HTMHell
HTML forms the heart of the Web. The beautiful thing is, HTML is easy to learn. Unfortunately, it’s difficult to master. In the Upgrade Your HTML series, I’m taking examples of HTML, discuss these examples, and make them a little better.meiert.com
A collection of bad practices in HTML, copied from real websites.Reading the meter - HTMHell
📝 Upgrade Your HTML IV:
My new book is out! It’s about #HTML #minimization and #optimization, the theme of the respective book series.
“Apart from discussing the appropriate use and the subtleties of HTML elements, this edition covers general topics like conformance, maintainability, and the balancing of optimization vectors. It also covers topics like attribute minimization, void elements, metadata, table buttons and button links, and even CSS art.”
meiert.com/en/blog/upgrade-you…
HTML forms the heart of the Web. The beautiful thing is, HTML is easy to learn. Unfortunately, it’s difficult to master. In the Upgrade Your HTML series, I’m taking examples of HTML, discuss these examples, and make them a little better.meiert.com
A collection of bad practices in HTML, copied from real websites.You Don't Need ARIA For That - HTMHell
This specification defines the authoring rules (author conformance requirements) for the use of Accessible Rich Internet Applications (WAI-ARIA) 1.2 and Digital Publishing WAI-ARIA Module 1.0 attributes on [HTML] elements.www.w3.org
Learn how to make HTML images better for users with responsive sizes and modern formats without making your life as a developer much harder.Austin (Austin Gil)
Hi, I'm treefit, a #foss dev working on #deltachat. I'm responsible for the desktop client together with @jikstra.
My favorite coding language is #rustlang, but I "speak" #typescript, #javascript, #html, #css, too.
I'm also capable in #python and #swift, but not as much.
I'm new to the mastodon/toot style of communication (never used Twitter, either), so I'm still learning of how this all works.
My goal is to give you some behind-the scenes peeks onto the DeltaChat development.
"7 Cool HTML Elements Nobody Uses"
tapajyoti-bose.medium.com/7-co…
Searching for cool HTML elements, especially if you don’t know what you’re looking for, is often like being thrown into a pile of garbage After scavenging through the seemingly endless pile of HTML…Tapajyoti Bose (Medium)
Ist wahrscheinlich kein Thema von Friendica, aber ich schreibe es hier doch einfach mal...
Beim Versuch, die Seite von #FridaysForFuture zu sharen, gibt es scheinbar Parser-Error. Jedenfalls gibt der Editor nur sowas raus:
Enter a title
Enter a description
https://fridaysforfuture.de
Beispiel: fridaysforfuture.de/x-fuer-lue…