How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (cfe) | | 1,089 |
how-tos, javascript |
The Weirdly Obscure Art of Streamed HTML | | 1,088 |
streaming, performance |
Aligning Content in Different Wrappers (sha) | | 1,087 |
css, alignment |
It Needs to Map Back to a Role (eri) | | 1,086 |
accessibility, aria, semantics |
A Look at the Dialog Element’s Super Powers (ste) | | 1,085 |
modals, javascript |
Creating Native Web Components (cod) | | 1,084 |
web-components, javascript |
It’s Always Been You, Canvas2D (dev) | | 1,083 |
css, canvas, javascript |
Foundations: Headings (tet) | | 1,082 |
accessibility, fundamentals, headings, semantics |
HTML Tips and Tricks | | 1,081 |
tips-and-tricks |
(Not So) Short Note on Being Owned (ste) | | 1,080 |
aria, accessibility |
Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (css) | | 1,079 |
css, web-components |
HTML Comments Work in JavaScript Too | | 1,078 |
javascript, comments |
Support for Marking Radio Buttons Required, Invalid (aar) | | 1,077 |
accessibility |
Column Headers and Browser Support (aar) | | 1,076 |
accessibility, semantics |
There Is No Character Limit for “Alt Text” (yat) | | 1,075 |
accessibility, alt-text, images |
How to Create a Search Page for a Static Website With Vanilla JS (cfe) | | 1,074 |
how-tos, functionality, search, javascript |
Why Radio Buttons Are Called Radio Buttons in UIs? (ami) | | 1,073 |
semantics, naming |
MHTML in Chromium | | 1,072 |
browsers |
Replace JavaScript Dialogs With the New HTML Dialog Element (sto/css) | | 1,071 |
modals, semantics |
Introducing the Dialog Element (web) | | 1,070 |
introductions, modals |
HTML Cheat Sheet—HTML Elements List Reference (fre) | | 1,069 |
semantics, examples, cheat-sheets |
24 Lesser-Known HTML Attributes You May Want to Use | | 1,068 |
attributes |
How to Convert Markdown to HTML (red) | | 1,067 |
how-tos, markdown, conversion |
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv) | | 1,066 |
semantics, accessibility |
Context-Aware Web Components Are Easier Than You Think (css) | | 1,065 |
web-components, javascript |
Div Divisiveness (sco) | | 1,064 |
semantics |
Find HTML Parsing Errors (pat/dev) | | 1,063 |
browsers, dev-tools, parsing, quality |
On the Peculiarities of Counting the Number of HTML Elements (j9t) | | 1,062 |
|
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv) | | 1,061 |
attributes, aria |
Alt Tag Emptiness (ste) | | 1,060 |
accessibility, images, alt-text, aria |
HTML Is General, ARIA Is Specific (dav) | | 1,059 |
aria |
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg) | | 1,058 |
accessibility, forms, labels, wcag |
Accessible Heading Structure | | 1,057 |
accessibility, headings |
Faster Websites by Using Less HTML (j9t) | | 1,056 |
cross-posts, performance, optimization, minimalism |
Container Queries (5t3) | | 1,055 |
css, container-queries |
Form Autocomplete (ben/5t3) | | 1,054 |
forms |
5 Common Misconceptions About WAI–ARIA and Accessibility | | 1,053 |
accessibility, aria |
How to Define Your Relationship to Sites You Link To (ste) | | 1,052 |
how-tos, links, semantics, seo |
HTML Cheat Sheet | | 1,051 |
semantics, examples, cheat-sheets |
Image Display Elements (5t3) | | 1,050 |
images, responsive-design |
4 HTML Concepts You Didn’t Know (j9t) | | 1,049 |
concepts, tables |
Ultimate HTML Cheatsheet | | 1,048 |
cheat-sheets |
CSS Can Help Improve Your HTML!? Buttons and Links | | 1,047 |
css, buttons, links, accessibility |
Details/Summary (5t3) | | 1,046 |
semantics, disclosure-widgets |
Embrace the Platform (bra/css) | | 1,045 |
css, javascript, web-platform |
How Not to Create a Button (eev) | | 1,044 |
buttons, accessibility |
Defer Non-Critical Resources | | 1,043 |
performance |
Markup (htt) | | 1,042 |
web-almanac, studies, research, metrics |
“aria-label” Is Not Always the Answer (eev) | | 1,041 |
aria, accessibility |
On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (lea) | | 1,040 |
web-components, markdown |
Control Layout in a Multi-Directional Website (css) | | 1,039 |
internationalization, css |
The 6 Ways of Writing HTML (and Their Combinations) (j9t) | | 1,038 |
|
Dear HTML Element | | 1,037 |
|
How to Make Blob Menu Using HTML, CSS, and JavaScript | | 1,036 |
how-tos, css, javascript |
Generate a Pull Request of Static Content With a Simple HTML Form (css) | | 1,035 |
github |
Get Your “Head” Straight (css/btc) | | 1,034 |
videos, performance |
Semantics and How to Get Them Right (hdv/btc) | | 1,033 |
videos, semantics, accessibility |
Detecting Specific Text Input With HTML and CSS (chr/css) | | 1,032 |
css |
Debugging HTML: Accessibility (mat/mat) | | 1,031 |
accessibility, debugging |
Designing a Reorderable List Component | | 1,030 |
lists, components, css |
In Defence of Dialog | | 1,029 |
modals |
Building Real-Life Components: Facebook Messenger’s Chat Bubble (sha) | | 1,028 |
components, css |
Learn Forms (dev) | | 1,027 |
courses, forms |
Accessible Toggles (mic) | | 1,026 |
accessibility, toggles, javascript |
HTMLoween—HTML, JS, and CSS to Make Your Blood Boil | | 1,025 |
css, javascript |
Indecisive Skip Links and Their Targets—the Renaissance of the “<hr>” Element | | 1,024 |
accessibility, skip-links |
If HTML and ARIA Don’t Allow It, It’s Probably a Bad Idea (tem) | | 1,023 |
aria, accessibility |
Switch Role Support (aar) | | 1,022 |
accessibility, support |
Decoupling HTML, CSS, and JavaScript in Design Systems (cfe) | | 1,021 |
css, javascript, design-systems |
Making the Web Developer’s Pilgrimage (j9t) | | 1,020 |
|
Semantic “menu” Context (sco) | | 1,019 |
semantics |
HTML With Superpowers (dav) | | 1,018 |
videos, components |
What Each Markup Language Is Used For (sem) | | 1,017 |
overviews, xml, xhtml, sgml, mathml, amp, seo |
Landmarks (mat/mat) | | 1,016 |
aria, accessibility |
Beginner’s Guide to Responsive Images: How to Get Them Right (lou) | | 1,015 |
guides, images, responsive-design |
Building a Multi-Select Component (arg/dev) | | 1,014 |
components, css, javascript |
How to Win at CORS (jaf) | | 1,013 |
how-tos, security, cors, http |
The Autofill Dark Pattern (alv/sma) | | 1,012 |
forms, anti-patterns |
A Tangled Web of ARIA | | 1,011 |
accessibility, aria |
Buttons vs. Links (yat) | | 1,010 |
semantics, buttons, links, comparisons |
How to Implement and Style the “Dialog” Element (cod) | | 1,009 |
how-tos, modals, css |
The Options for Password-Revealing Inputs (chr/css) | | 1,008 |
css, security, passwords, usability |
How to Build an Expandable Accessible Gallery (cit/sma) | | 1,007 |
how-tos, accessibility, css |
Redundantly Redundant a11y Accessibility (sco) | | 1,006 |
accessibility |
Links, Missing “href” Attributes, and Over-Engineered Code (tem) | | 1,005 |
attributes, links, accessibility |
Declaring Page Language—and Declaring Changes in Language (j9t) | | 1,004 |
accessibility, browsers |
How I Built a Modern Website in 2021 (ken) | | 1,003 |
css, javascript |
Comparing Page Language Declaration Setups in Screen Readers (j9t) | | 1,002 |
accessibility, http, screen-readers, comparisons |
Specification for Spoken Presentation in HTML (w3c) | | 1,001 |
pronunciation |
7 Useful HTML Attributes You May Not Know | | 1,000 |
attributes |
Intro to MJML: Responsive HTML Email Coding Made Easy | | 999 |
introductions, mjml, email, responsive-design |
29 Projects to Help You Practice HTML CSS JavaScript 2021 | | 998 |
css, javascript |
Blowing Up HTML Size With Responsive Images (deb) | | 997 |
images, performance, responsive-design |
Element Diversity (mat) | | 996 |
|
Building a Split-Button Component (arg/dev) | | 995 |
components, css, javascript |
Twitter’s Div Soup and Uglyfied CSS, Explained | | 994 |
css, twitter+x |
Building a Stepper Component (sha) | | 993 |
components, css |
HTML Cheatsheet | | 992 |
semantics, examples, cheat-sheets |
Named and Framed (ste) | | 991 |
accessibility |
Small Wins for Accessibility and Resilience | | 990 |
accessibility, resilience |
One Favicon to Rule Them All (j9t) | | 989 |
images, favicons |
ARIA Spec for the Uninitiated (deq) | | 988 |
accessibility, aria |
The Complete Guide to HTML Forms and Constraint Validation (cra) | | 987 |
guides, forms, validation |
On the “<dl>” (ben) | | 986 |
lists |
6 Useful Frontend Techniques That You May Not Know About | | 985 |
css, javascript, techniques |
The Ultimate Cheat Sheet List for Web Developers | | 984 |
css, javascript, cheat-sheets |
Accessibility of the “Section” Element (sco) | | 983 |
accessibility |
Designing for the Unexpected (ali) | | 982 |
design, css |
The 3-Second Frontend Developer Test (j9t) | | 981 |
css, conformance, quality |
15 HTML5 Best Practices for Beginners to Master | | 980 |
best-practices |
The Document Outline (mat/mat) | | 979 |
headings, accessibility |
Milligram CSS | | 978 |
videos, milligram, frameworks, css, landing-pages |
ARIA in HTML (sco) | | 977 |
accessibility, aria |
Accessibility and SEO | | 976 |
accessibility, seo |
Use the “i” Element, and Use It Appropriately (j9t) | | 975 |
semantics |
JavaScript Frameworks and the Lost Art of HTML (deq) | | 974 |
javascript, frameworks |
OMG, SVG Favicons FTW! | | 973 |
images, favicons, svg |
Half the Size of Images by Optimising for High Density Displays (jaf) | | 972 |
images, performance |
Why Validate? (j9t) | | 971 |
css, quality, conformance, craft |
Accessible Overflow | | 970 |
accessibility, css, overflow |
The Hidden World of “aria-hidden” (ste) | | 969 |
accessibility, aria, hiding |
Don’t Overabstract Your Components | | 968 |
javascript, components |
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t) | | 967 |
css, conformance, metrics, quality, craft |
The Button Cheat Sheet (mat) | | 966 |
cheat-sheets |
Upgrade Your HTML III (j9t/fro) | | 965 |
books, frontend-dogma, minimalism, craft, conformance |
Reducing HTML Payload With Next.js (Case Study) (sma) | | 964 |
nextjs, performance, case-studies |
Checking “Under the Hood” of Code (jay) | | 963 |
dev-tools, browsers, debugging, console, javascript, css, history |
Understanding Logical Focus Order | | 962 |
accessibility, focus |
Not Your Typical Horizontal Rules (sar) | | 961 |
semantics |
The Future of Web Software Is HTML-over-WebSockets (ali) | | 960 |
outlooks, websockets |
Revisiting Dark Patterns With the HTML “dialog” Tag (tan) | | 959 |
modals, javascript |
The Unreasonable Effectiveness of Simple HTML (ede) | | 958 |
|
HTML: The 16 Content Categories and Their Elements (j9t) | | 957 |
semantics |
HTML and CSS Techniques to Reduce Your JavaScript | | 956 |
css, javascript, performance |
“Yes or No?” (chr/css) | | 955 |
forms, comparisons |
“npm ruin dev” (ada/css) | | 954 |
css, javascript, nodejs, npm |
Notes on HTML 3.2 (j9t) | | 953 |
|
Happier HTML5 Form Validation in Vue (chr/css) | | 952 |
forms, validation, css, selectors, vuejs |
Alt vs. Figcaption (tho) | | 951 |
accessibility, comparisons |
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv) | | 950 |
css, javascript |
Know Your Standards (ste) | | 949 |
accessibility, standards, wcag, aria, link-lists |
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma) | | 948 |
forms |
Upgrade Your HTML II (j9t/fro) | | 947 |
books, frontend-dogma, minimalism, craft, conformance |
Markup (j9t+/htt) | | 946 |
web-almanac, studies, research, metrics |
GIFs and “prefers-reduced-motion” (chr/css) | | 945 |
images, gif, reduced-motion |
In Defense of Tables and Floats in Modern Day Development (css) | | 944 |
css, floats, tables |
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css) | | 943 |
php, pug |
Come Full Circle—Back to HTML | | 942 |
code-editors, vi+vim, neovim |
A Guide to HTML and CSS Forms (No Hacks) | | 941 |
guides, css, forms |
Islands Architecture | | 940 |
architecture, concepts |
HTML for Subheadings and Headings (chr/css) | | 939 |
headings |
SVG Title vs. HTML Title Attribute (chr/css) | | 938 |
svg, attributes |
Pausing a GIF With “details”/“summary” (chr/css) | | 937 |
disclosure-widgets, gif, images, animations |
Web Standards | | 936 |
standards, w3c, xml, xhtml, css, wcag |
Where Do You Learn HTML and CSS in 2020? (chr/css) | | 935 |
css, learning, link-lists |
Writing for HTML Newbies (geo) | | 934 |
training |
Remembrance of Tags Past (mey) | | 933 |
history, web-platform, xhtml, css, hacks, doctype-switching |
On Adding IDs to Headings (chr/css) | | 932 |
headings |
How to Reverse CSS Custom Counters (css) | | 931 |
how-tos, css, lists |
Getting Started With HTML Using Glitch.com (jon) | | 930 |
videos, introductions, glitch |
The 24 Boolean Attributes of HTML (j9t) | | 929 |
attributes |
HTML Tips (mar) | | 928 |
tips-and-tricks |
What to Use Instead of Number Inputs (chr/css) | | 927 |
forms |
Why Do Some HTML Elements Become Deprecated? (css) | | 926 |
standards, deprecation |
Performance Tips: Minifying HTML, CSS, and JS | | 925 |
videos, performance, css, javascript, minification, tips-and-tricks |
How to Create a “Skip to Content” Link (css) | | 924 |
how-tos, skip-links, css, accessibility |
Fluid Width Video (chr/css) | | 923 |
multimedia, responsive-design |
Setting Height and Width on Images Is Important Again (tun/sma) | | 922 |
images, performance, web-vitals |
Do This to Improve Image Loading on Your Website (fon/css) | | 921 |
performance, images |
How We Learned to Draw Text on HTML5 Canvas | | 920 |
canvas, apis, svg, javascript |
HTML Data Attributes Guide (chr/css) | | 919 |
guides, custom-data |
Why JavaScript Is Eating HTML (css) | | 918 |
css, javascript, maintainability |
Select an Element With a Non-Empty Attribute (chr/css) | | 917 |
css, selectors, custom-data |
Old CSS, New CSS (eev) | | 916 |
css, history, examples, browser-wars, doctype-switching, dhtml, web-2.0, hacks, vendor-extensions, flexbox, layout |
What’s the Difference Between Width/Height in CSS and Width/Height HTML Attributes? (chr/css) | | 915 |
css, attributes, comparisons |
A Web Component With Different HTML for Desktop and Mobile (chr/css) | | 914 |
web-components, mobile, desktop |
If It Can Be Done Using an HTTP Header, Use an HTTP Header (j9t) | | 913 |
maintainability, maintenance, http, http-headers |
Why You Should Choose HTML5 “article” Over “section” (bru/sma) | | 912 |
semantics, headings |
Why Do We Use .html Instead of .htm? (chr/css) | | 911 |
|
POURing ARIA Into the HTML Element Specs (24a) | | 910 |
accessibility, aria |
RTL Styling 101 (sha) | | 909 |
introductions, internationalization, layout, design, css |
An HTML Optimizer’s Config for html-minifier (j9t) | | 908 |
html-minifier, minification, optimization, configuration, performance, minimalism |
How to Style and Animate the Letters in a String Using CSS (fos) | | 907 |
how-tos, css, animations |
The Order of CSS Classes in HTML Doesn’t Matter (fon/css) | | 906 |
css, cascade |
Quoting in HTML: Quotations, Citations, and Blockquotes (css) | | 905 |
semantics |
Conversational Semantics (aar/btc) | | 904 |
videos, semantics, voice, conversational-design |
Upgrade Your HTML (the Booklet) (j9t) | | 903 |
books, minimalism, craft, conformance |
On Writing Better Markup (j9t) | | 902 |
quality, maintainability, performance, terminology |
The “hidden” Attribute Is Visibly Weak (chr/css) | | 901 |
attributes, hiding |
Heading Levels (ann) | | 900 |
headings |
Multi-Million Dollar HTML (chr/css) | | 899 |
accessibility, labels, economics |
Some HTML Is “Optional” (chr/css) | | 898 |
standards, performance |
Optional HTML (sto) | | 897 |
|
Working With Attributes on DOM Elements (css) | | 896 |
dom, attributes, custom-data, javascript |
Optional HTML: Everything You Need to Know (j9t) | | 895 |
performance, minimalism |
Datalist Is for Suggesting Values Without Enforcing Values (chr/css) | | 894 |
forms |
Frontend Design, React, and a Bridge Over the Great Divide (bra) | | 893 |
css, javascript, react, career |
When to Use “img,” “img@ srcset,” and “picture” and “source” (j9t) | | 892 |
images |
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t) | | 891 |
checklists, accessibility, performance, seo, social-media |
How to Section Your HTML (css) | | 890 |
how-tos, semantics, examples |
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci) | | 889 |
w3c, whatwg, dom, standards |
W3C and WHATWG Come Together for HTML and DOM Specifications | | 888 |
w3c, whatwg, dom, standards |
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the) | | 887 |
w3c, whatwg, standards, dom |
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c) | | 886 |
w3c, whatwg, dom, standards |
W3C and WHATWG Agree to Work Together Over HTML and DOM | | 885 |
w3c, whatwg, dom, standards |
Everything You Ever Wanted to Know About “inputmode” (chr/css) | | 884 |
forms, keyboard-shortcuts |
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb) | | 883 |
performance, hints, http-headers, http, preloading |
Why, How, and When to Use Semantic HTML and ARIA (ada/css) | | 882 |
aria, semantics, accessibility |
HTML Optimization: A Standard Config for HTMLMinifier (j9t) | | 881 |
optimization, configuration, tooling |
Building a Node.js Express API to Convert Markdown to HTML (sma) | | 880 |
nodejs, express, markdown, conversion |
Art Direction for the Web Using CSS Shapes (mal/sma) | | 879 |
design, css, shapes |
An Introduction to Web Components (css) | | 878 |
introductions, web-components, javascript, shadow-dom |
HTML and Performance: Leave Out Optional Tags and Quotes (j9t) | | 877 |
performance |
The Great Divide (chr/css) | | 876 |
css, javascript, career |
Styling a Web Component (chr/css) | | 875 |
web-components, shadow-dom, dom, custom-properties, css |
Speed Up Next-Page Navigations With Prefetching (add) | | 874 |
performance, hints, http-headers, http, webpack |
Everything You Know About Web Design Just Changed (jen) | | 873 |
slides, layout, css, tables, flash, history, responsive-design, intrinsic-design |
Why Isn’t It “<style src="">”? (chr/css) | | 872 |
standards, history |
The “D” in the DOM (24a) | | 871 |
accessibility, headings |
Front-End Development Is Not a Problem to Be Solved (fon/css) | | 870 |
css, bootstrap, craft, career |
You’re Using “em” Wrong (log) | | 869 |
semantics, markdown |
Splicing HTML’s DNA With CSS Attribute Selectors (sma) | | 868 |
attributes, css, selectors |
Valid CSS Content (chr/css) | | 867 |
css, validation |
Nested Links (chr/css) | | 866 |
links |
Responsive Images (wil/ali) | | 865 |
css, images, responsive-design |
Conversational Semantics (aar/ali) | | 864 |
semantics, voice, conversational-design |
What Do You Need to Know When Converting a Flash Game Into HTML5? (sma) | | 863 |
migrating, flash |
Did You Know That Style and Script Tags Can Be Set to “display: block”? (fon/css) | | 862 |
css |
Improving Performance Perception: On-Demand Image Resizing | | 861 |
performance, optimization, images, resizing |
DRY HTML or DRY CSS? | | 860 |
maintainability, principles, css, bem, oocss, atomic-css |
Moving From Flash to HTML, CSS, and JavaScript (sma) | | 859 |
flash, css, javascript, refactoring |
Some Things About “alt” Text (chr/css) | | 858 |
accessibility, alt-text, images |
Third Party CSS Is Not Safe (jaf) | | 857 |
css, embed-code, security |
What Is an HTML5 App and Do I Want One? | | 856 |
mobile, native, web-apps |
HTML, CSS, and Dependency Direction (j9t) | | 855 |
css, dependencies, maintainability, best-practices |
HTML-First at Wiley (tzv) | | 854 |
rdf, content-management |
Fast-Forwarding Media Support on the Web (tid/w3c) | | 853 |
multimedia |
“Stop Using CSS Selectors for Non-CSS” (chr/css) | | 852 |
css, javascript, jquery, selectors |
What Is HTML 5? (mar/com) | | 851 |
|
W3C Releases HTML 5.2 as Official Recommendation (kba/inf) | | 850 |
w3c, standards |
What’s New in HTML5.2 (inf) | | 849 |
standards |
How the Death of Flash Helped Build the Future of the Web, and Why It Matters Now (for) | | 848 |
flash, web-apps, web-platform |
HTML 5.2 Is Done, HTML 5.3 Is Coming (w3c) | | 847 |
standards, w3c |
HTML 5.2 (ste+/w3c) | | 846 |
standards |
A Developer’s Guide to Better Accessibility (a11+/24a) | | 845 |
guides, accessibility, semantics, keyboard-navigation, naming, tooling |
Building Accessible Menu Systems (hey/sma) | | 844 |
accessibility, navigation, aria |
HTML Email and Accessibility (css) | | 843 |
email, tables, accessibility |
The Front-End Checklist (the) | | 842 |
websites, checklists, css, javascript, images, accessibility, performance, seo |
You Can Get Pretty Far in Making a Slider With Just HTML and CSS (chr/css) | | 841 |
sliders, css |
Building Inclusive Toggle Buttons (hey/sma) | | 840 |
accessibility, forms, buttons, toggles |