#html (265 links)
- Screen Reader HTML Support – Lookup tetralogical.github.io
- TetraLogical/screen-reader-HTML-support github.com
How screen readers support HTML
I'd like to explain why it really is time to send the DOM and its assorted APIs off to a farm somewhere, with some ideas on how.
- Get out of my <head> getoutofmyhead.dev
Make faster, more accessible, more environmentally friendly websites, by removing these tags from your site's <head>.
- Arabic & Persian Layout Requirements W3C Editor's Draft w3c.github.io
This document describes requirements for the layout and presentation of text in languages that use the Arabic script when they are used by Web standards and technologies, such as HTML, CSS, Mobile Web, Digital Publications, and Unicode.
- DirectedEdges/hostile-css github.com
A collection of intentionally egregious inherited CSS styles intended to fortify Design System component styles.
- zumerlab/orbit github.com
💫 Orbit is a framework designed for building any kind of radial UI.
#composer #css#css-framework #design-system #hacktoberfest #html#radial#scss #ui #ux #webcomponents #javascript - kristoff-it/superhtml github.com
HTML Validator, Formatter, LSP, and Templating Language Library
#html#language-server#language-server-protocol#lsp#lsp-server#templating-engine#validator#zig-package#zig - HTML Web Components - Jim Nielsen’s Blog blog.jim-nielsen.com
When you try building web components the same way you build React components, it’s easy to get frustrated and give up because web components don’t work like React components — I know I gave up a few times.
The grain of a React component is not the grain of a web component. Their design prioritize different functionality and forms of use. If you try to use one like the other, you’ll fight the direction of their natural grain.
- argyleink/open-props github.com
CSS custom properties to help accelerate adaptive and consistent design.
- weskdavis/FOSSmarks github.com
FOSSmarks - A practical guide to understanding trademarks in the context of Free and Open Source Software projects.
- opentofu/manifesto github.com
The OpenTF Manifesto expresses concern over HashiCorp's switch of the Terraform license from open-source to the Business Source License (BSL) and calls for the tool's return to a truly open-source license.
- drduh/YubiKey-Guide github.com
Community guide to using YubiKey for GnuPG and SSH - protect secrets with hardware crypto.
- John Doe’s page john-doe.neocities.org
This website is a single HTML file. It simply uses the #anchor suffix (from 1992) and the :target CSS selector to show and hide pages/content.
- design-tokens/community-group github.com
This is the official DTCG repository for the design tokens site and specification.
- gka/palettes github.com
A tool for creating nice, percerptually correct and colorblind-safe color palettes.
- How to Section Your HTML | CSS-Tricks css-tricks.com
The sectioning elements in HTML5 are <nav> , <aside> , <article> , and <section> . <body> is also kind of a sectioning element since all content lying inside of…
- An Introduction to ARIA States | a11y with Lindsey a11ywithlindsey.com
Hey friends! Today’s blog post comes to you from my Patreon folks’ poll. It’s a follow up from one of my previous posts about Demystifying ARIA. ARIA can be…
- Mozilla X-Ray Goggles goggles.mozilla.org
- react-from-markup simon360.github.io
Introduction react-from-markup lets you declare React components using simple, static markup. Why? Sometimes, your tech stack doesn’t speak JavaScript very…
- How do you mark up an accordion? sarasoueidan.com
I made a poll on Twitter the other day asking the #lazyweb how they would mark up an FAQ section — or a list of questions and their corresponding answers. I…
- HTML5 Constraint Validation noti.st
HTML5BRISTOL JSCONSTRAINTVALIDATION@drewm FORMS AREHARD. YOU’RE LAZY ANDYOUR CODE SUCKS. BROWSERS AREHERE TO SAVE US. HTML5 CONSTRAINT VALIDATION1.Users enter…
One thing that keeps coming back to me, in research, testing, and everyday conversation with colleagues and friends, is just how important headings are. For…
<input type="number"> will open a numeric software keyboard on modern mobile operating systems. Not every user can input decimal numbers into this convenient…
- Notes on `lang` codepen.io
There’s lots going on with lang , the global attribute that defines the language an element contains . Information about it is scattered, so I’ve collected here…
- Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion | CSS-Tricks css-tricks.com
Gosh bless the <details> element. Toss some content inside it and you have an accessible expand-for-more interaction with just about zero work. See the Pen…
- Responsive Image Maps patrickkettner.com
December 31, 2017 Working on a browser , I constantly get to research and play with new, cutting-edge features. It can be a ton of fun to picture what the…
The title attribute gets a lot of flack . And largely the disdain towards the attribute is quite justified. In June of 1993, twenty-four and a half years ago,…
- Accessible Links Re:visited | Filament Group, Inc., Boston, MA filamentgroup.com
Accessible Links Re:visited Posted by Maggie 12/6/2017 We and our clients often tend toward simple and understated style, but sometimes that simplicity doesn't…
- Srcset and sizes — ericportis.com ericportis.com
March 24, 2014 Part 1: What’s Wrong With Media Queries? So let’s say you’re making a web page sometime between February 23rd, 1993 and May 25th, 2010 . Images…
- Don’t Use ARIA Menu Roles for Site Nav adrianroselli.com
8 Comments In response to Matt King . Matt, when you say The point of the ARIA practices , I am assuming you are referencing WAI-ARIA Authoring Practices 1.1 .…
- Happier HTML5 Form Validation daverupert.com
I recently embarked on improving the client-side form validation for a client. There were about 400 lines of form validation code stuffed inside a 1000 line…
- html-sketchapp github.com
Experimental HTML to Sketch export solution. What it can do? It turns HTML nodes into Sketch layers or symbols. Additionally, it allows to export shared text…
- ARIA is Spackle, Not Rebar | CSS-Tricks css-tricks.com
Much like their physical counterparts, the materials we use to build websites have purpose. To use them without understanding their strengths and limitations is…
- A Responsive Accessible Table adrianroselli.com
November 2, 2017 ; Painfully slow demonstration of the example table resizing and different media queries kicking in. After writing (again) that it is ok to use…
- Alt-texts: The Ultimate Guide - Axess Lab axesslab.com
My experience of images on the web I use a combination of magnification and screen reader when surfing the web. As a rule of thumb, I use magnification on…
- The state of hidden content support in 2016 developer.paciellogroup.com
Posted on Tuesday, 26 January 2016 by Steve Faulkner Category: Development Category: Standards Category: Testing I have reported previously on support in…
Building a highly consumable UI component library is no easy feat and this article will focus on one particular aspect of it: headings ( <hx> elements ). This…
- Convert HTML to React components roman01la.github.io
$ npm i -g html-to-react-components $ html2react index.html -c es5 -m es6 -e js -o ./components <!DOCTYPE html> < html lang = "en" > < head > < meta charset =…
- Language subtag lookup app r12a.github.io
r12a >> apps >> Language subtag lookup blog docs maps apps photos Find a subtag by searching for text in the descriptions Look up one or more subtags Check…
- Create accessible complex tables in HTML5 forms helpx.adobe.com
The default implementation of tables in HTML5 Forms uses HTML DIV elements to render a table. Rendering involves using ARIA roles to satisfy the accessibility…
- HTML5 Sectioning Element Flowchart html5doctor.com
- On Use of the Lang Attribute adrianroselli.com
9 Comments In response to Jake Wilson . Jake, was there a regex example in your comment? I am not seeing one. aroselli ; 23 January 2015 at 4:33 pm . Permalink…
