Search
Items tagged with: html
Overlapping interactive areas
When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.tempertemper
Intro to HTML-first Frontend Frameworks - SitePen
HTML-first front-end frameworks can help you develop modern interactive web applications while keeping page load times low and responsiveness high.SitePen
A Theory of Web Relativity - HTMHell
A collection of bad practices in HTML, copied from real websites.A Theory of Web Relativity - HTMHell
https://webaim.org/resources/htmlcheatsheet/
#html #webdev #a11y
File Uploads for the Web (1): Upload Files with HTML
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)
inputmode - HTML: HyperText Markup Language | MDN
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
You Really Don't Need All that JavaScript, I Promise • Stuart Langridge • GOTO 2019
This presentation was recorded at GOTO Copenhagen 2019. #GOTOcon #GOTOcphhttp://gotocph.comStuart Langridge - Member of the Web Standards Project's DOM Scrip...YouTube
How-to: Use the tabindex attribute - The A11Y Project
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
The end of front-end development · Things are going to change, but not in the scary way people are saying https://ilo.im/11t8v2
_____
#Job #AI #GPT4 #ChatGPT #ChatBot #WebDevelopment #WebDev #Code #Frontend #HTML #CSS #JavaScript #Skills #Productivity
The End of Front-End Development
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
Brief Note on Description List Support
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
#WebDev #WebStandards
https://github.com/validator/validator/issues
Issues · validator/validator
Nu Html Checker – Helps you catch problems in your HTML/CSS/SVG - Issues · validator/validatorGitHub
https://web.dev/learn/html/ &
https://developer.mozilla.org/en-US/docs/Learn/Accessibility/HTML
#html #webdev #tutorial
HTML: A good basis for accessibility - Learn web development | MDN
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
“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
https://github.com/whatwg/html/commit/a9f103c9f7bd09ef712990194638c75db1f50e3c
Implement dialog initial focus proposal · whatwg/html@a9f103c
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
Overlapping interactive areas
When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.tempertemper
If you're interested, I wrote an article on how I approached it:
https://www.darins.page/articles/progressively-enhanced-dark-mode
#ux #frontend #development #html #css #javascript #userexperience #webdev
Progressively-enhanced dark mode - Darin Senneff
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
Common nesting issues in HTML - HTMHell
A collection of bad practices in HTML, copied from real websites.Common nesting issues in HTML - HTMHell
https://github.com/raven2cz/markdown-viewer/releases/tag/3.8.1
https://fishlive.org:5005/raven2cz/signpost
There can be only one: Options for building “choose one” fields - HTMHell
A collection of bad practices in HTML, copied from real websites.There can be only one: Options for building “choose one” fields - HTMHell
Upgrade Your HTML IV · Jens Oliver Meiert
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
Reading the meter - HTMHell
A collection of bad practices in HTML, copied from real websites.Reading the meter - HTMHell
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.”
https://meiert.com/en/blog/upgrade-your-html-4/
Upgrade Your HTML IV · Jens Oliver Meiert
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
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
Wonder no more:
ARIA in HTML
https://www.w3.org/TR/html-aria/
#webdevelopment #accessibility #W3C
ARIA in HTML
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
6 Steps to Improve HTML Images For Users & Developers
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)
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.
#introduction
https://tapajyoti-bose.medium.com/7-cool-html-elements-nobody-uses-436598d85668
#html #web
7 Cool HTML Elements Nobody Uses - Tapajyoti Bose - Medium
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)
Parser-Error bei FridaysForFuture
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
Vermutlich hat die dortige Seite invalides #HTML? Oder können wir etwas machen?
Beispiel: https://fridaysforfuture.de/x-fuer-luetzi-aktionstag-fuer-luetzerath-in-40-staedten/