Landmarks (mat/mat) | | 932 |
aria, accessibility |
Beginner’s Guide to Responsive Images: How to Get Them Right (lou) | | 931 |
guides, images, responsive-design |
Building a Multi-Select Component (arg/dev) | | 930 |
components, css, javascript |
How to Win at CORS (jaf) | | 929 |
how-tos, security, cors, http |
The Autofill Dark Pattern (alv/sma) | | 928 |
forms, anti-patterns |
A Tangled Web of ARIA | | 927 |
accessibility, aria |
Buttons vs. Links (yat) | | 926 |
semantics, buttons, links, comparisons |
How to Implement and Style the “Dialog” Element (cod) | | 925 |
how-tos, modals, css |
The Options for Password-Revealing Inputs (chr/css) | | 924 |
css, security, passwords, usability |
Redundantly Redundant a11y Accessibility (sco) | | 923 |
accessibility |
How to Build an Expandable Accessible Gallery (cit/sma) | | 922 |
how-tos, accessibility, css |
Links, Missing “href” Attributes, and Over-Engineered Code (tem) | | 921 |
attributes, links, accessibility |
Declaring Page Language—and Declaring Changes in Language (j9t) | | 920 |
accessibility, browsers |
How I Built a Modern Website in 2021 (ken) | | 919 |
css, javascript |
Comparing Page Language Declaration Setups in Screen Readers (j9t) | | 918 |
accessibility, http, screen-readers, comparisons |
Specification for Spoken Presentation in HTML (w3c) | | 917 |
pronunciation |
7 Useful HTML Attributes You May Not Know | | 916 |
attributes |
Intro to MJML: Responsive HTML Email Coding Made Easy | | 915 |
introductions, mjml, email, responsive-design |
29 Projects to Help You Practice HTML CSS JavaScript 2021 | | 914 |
css, javascript |
Blowing Up HTML Size With Responsive Images (deb) | | 913 |
images, performance, responsive-design |
Element Diversity (mat) | | 912 |
|
Twitter’s Div Soup and Uglyfied CSS, Explained | | 911 |
css, twitter+x |
Building a Split-Button Component (arg/dev) | | 910 |
components, css, javascript |
Building a Stepper Component (sha) | | 909 |
components, css |
HTML Cheatsheet | | 908 |
semantics, examples, cheat-sheets |
Small Wins for Accessibility and Resilience | | 907 |
accessibility, resilience |
Named and Framed (ste) | | 906 |
accessibility |
One Favicon to Rule Them All (j9t) | | 905 |
images, favicons |
ARIA Spec for the Uninitiated (deq) | | 904 |
accessibility, aria |
The Complete Guide to HTML Forms and Constraint Validation (cra) | | 903 |
guides, forms, validation |
On the “<dl>” (ben) | | 902 |
lists |
The Ultimate Cheat Sheet List for Web Developers | | 901 |
css, javascript, cheat-sheets |
6 Useful Frontend Techniques That You May Not Know About | | 900 |
css, javascript, techniques |
Accessibility of the “Section” Element (sco) | | 899 |
accessibility |
Designing for the Unexpected (ali) | | 898 |
design, css |
The 3-Second Frontend Developer Test (j9t) | | 897 |
css, conformance, quality |
15 HTML5 Best Practices for Beginners to Master | | 896 |
best-practices |
The Document Outline (mat/mat) | | 895 |
headings, accessibility |
Milligram CSS | | 894 |
videos, milligram, frameworks, css, landing-pages |
ARIA in HTML (sco) | | 893 |
accessibility, aria |
Accessibility and SEO | | 892 |
accessibility, seo |
Use the “i” Element, and Use It Appropriately (j9t) | | 891 |
semantics |
JavaScript Frameworks and the Lost Art of HTML (deq) | | 890 |
javascript, frameworks |
OMG, SVG Favicons FTW! | | 889 |
images, favicons, svg |
Half the Size of Images by Optimising for High Density Displays (jaf) | | 888 |
images, performance |
Why Validate? (j9t) | | 887 |
css, quality, conformance, craft |
Accessible Overflow | | 886 |
accessibility, css, overflow |
The Hidden World of “aria-hidden” (ste) | | 885 |
accessibility, aria, hiding |
Don’t Overabstract Your Components | | 884 |
javascript, components |
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t) | | 883 |
css, conformance, metrics, quality, craft |
The Button Cheat Sheet (mat) | | 882 |
cheat-sheets |
Upgrade Your HTML III (j9t/fro) | | 881 |
books, frontend-dogma, minimalism, craft, conformance |
Reducing HTML Payload With Next.js (Case Study) (sma) | | 880 |
nextjs, performance, case-studies |
Checking “Under the Hood” of Code (jay) | | 879 |
dev-tools, browsers, debugging, console, javascript, css, history |
Understanding Logical Focus Order | | 878 |
accessibility, focus |
Not Your Typical Horizontal Rules (sar) | | 877 |
semantics |
The Future of Web Software Is HTML-over-WebSockets (ali) | | 876 |
outlooks, websockets |
Revisiting Dark Patterns With the HTML “dialog” Tag (tan) | | 875 |
modals, javascript |
The Unreasonable Effectiveness of Simple HTML (ede) | | 874 |
|
HTML: The 16 Content Categories and Their Elements (j9t) | | 873 |
semantics |
HTML and CSS Techniques to Reduce Your JavaScript | | 872 |
css, javascript, performance |
“Yes or No?” (chr/css) | | 871 |
forms, comparisons |
“npm ruin dev” (ada/css) | | 870 |
css, javascript, nodejs, npm |
Notes on HTML 3.2 (j9t) | | 869 |
|
Happier HTML5 Form Validation in Vue (chr/css) | | 868 |
forms, validation, css, selectors, vuejs |
Alt vs. Figcaption (tho) | | 867 |
accessibility, comparisons |
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv) | | 866 |
css, javascript |
Know Your Standards (ste) | | 865 |
accessibility, standards, wcag, aria, link-lists |
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma) | | 864 |
forms |
Upgrade Your HTML II (j9t/fro) | | 863 |
books, frontend-dogma, minimalism, craft, conformance |
Markup (j9t+/htt) | | 862 |
web-almanac, studies, research, metrics |
GIFs and “prefers-reduced-motion” (chr/css) | | 861 |
images, gif, reduced-motion |
In Defense of Tables and Floats in Modern Day Development (css) | | 860 |
css, floats, tables |
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css) | | 859 |
php, pug |
Come Full Circle—Back to HTML | | 858 |
code-editors, vi+vim, neovim |
A Guide to HTML and CSS Forms (No Hacks) | | 857 |
guides, css, forms |
Islands Architecture | | 856 |
architecture, concepts |
HTML for Subheadings and Headings (chr/css) | | 855 |
headings |
SVG Title vs. HTML Title Attribute (chr/css) | | 854 |
svg, attributes |
Pausing a GIF With “details”/“summary” (chr/css) | | 853 |
disclosure-widgets, gif, images, animations |
Web Standards | | 852 |
standards, w3c, xml, xhtml, css, wcag |
Where Do You Learn HTML and CSS in 2020? (chr/css) | | 851 |
css, learning, link-lists |
Remembrance of Tags Past (mey) | | 850 |
history, web-platform, xhtml, css, hacks, doctype-switching |
On Adding IDs to Headings (chr/css) | | 849 |
headings |
How to Reverse CSS Custom Counters (css) | | 848 |
how-tos, css, lists |
Getting Started With HTML Using Glitch.com (jon) | | 847 |
videos, introductions, glitch |
The 24 Boolean Attributes of HTML (j9t) | | 846 |
attributes |
HTML Tips (mar) | | 845 |
tips-and-tricks |
What to Use Instead of Number Inputs (chr/css) | | 844 |
forms |
Why Do Some HTML Elements Become Deprecated? (css) | | 843 |
standards |
Performance Tips: Minifying HTML, CSS, and JS | | 842 |
videos, performance, css, javascript, minification, tips-and-tricks |
How to Create a “Skip to Content” Link (css) | | 841 |
how-tos, skip-links, css, accessibility |
Fluid Width Video (chr/css) | | 840 |
multimedia, responsive-design |
Setting Height and Width on Images Is Important Again (tun/sma) | | 839 |
images, performance, web-vitals |
Do This to Improve Image Loading on Your Website (fon/css) | | 838 |
performance, images |
How We Learned to Draw Text on HTML5 Canvas | | 837 |
canvas, apis, svg, javascript |
HTML Data Attributes Guide (chr/css) | | 836 |
guides, custom-data |
Why JavaScript Is Eating HTML (css) | | 835 |
css, javascript, maintainability |
Select an Element With a Non-Empty Attribute (chr/css) | | 834 |
css, selectors, custom-data |
Old CSS, New CSS (eev) | | 833 |
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) | | 832 |
css, attributes, comparisons |
A Web Component With Different HTML for Desktop and Mobile (chr/css) | | 831 |
web-components, mobile, desktop |
If It Can Be Done Using an HTTP Header, Use an HTTP Header (j9t) | | 830 |
maintainability, maintenance, http, http-headers |
Why You Should Choose HTML5 “article” Over “section” (bru/sma) | | 829 |
semantics, headings |
Why Do We Use .html Instead of .htm? (chr/css) | | 828 |
|
POURing ARIA Into the HTML Element Specs (24a) | | 827 |
accessibility, aria |
An HTML Optimizer’s Config for html-minifier (j9t) | | 826 |
html-minifier, minification, optimization, configuration, performance, minimalism |
How to Style and Animate the Letters in a String Using CSS (fos) | | 825 |
how-tos, css, animations |
The Order of CSS Classes in HTML Doesn’t Matter (fon/css) | | 824 |
css, cascade |
Quoting in HTML: Quotations, Citations, and Blockquotes (css) | | 823 |
semantics |
Conversational Semantics (aar/btc) | | 822 |
videos, semantics, voice |
Upgrade Your HTML (the Booklet) (j9t) | | 821 |
books, minimalism, craft, conformance |
The “hidden” Attribute Is Visibly Weak (chr/css) | | 820 |
attributes, hiding |
On Writing Better Markup (j9t) | | 819 |
quality, maintainability, performance, terminology |
Heading Levels (ann) | | 818 |
headings |
Multi-Million Dollar HTML (chr/css) | | 817 |
accessibility, labels, economics |
Some HTML Is “Optional” (chr/css) | | 816 |
standards, performance |
Optional HTML (sto) | | 815 |
|
Working With Attributes on DOM Elements (css) | | 814 |
dom, attributes, custom-data, javascript |
Optional HTML: Everything You Need to Know (j9t) | | 813 |
performance, minimalism |
Datalist Is for Suggesting Values Without Enforcing Values (chr/css) | | 812 |
forms |
Frontend Design, React, and a Bridge Over the Great Divide (bra) | | 811 |
css, javascript, react, career |
When to Use “img,” “img@ srcset,” and “picture” and “source” (j9t) | | 810 |
images |
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t) | | 809 |
checklists, accessibility, performance, seo, social-media |
How to Section Your HTML (css) | | 808 |
how-tos, semantics, examples |
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci) | | 807 |
w3c, whatwg, dom, standards |
W3C and WHATWG Come Together for HTML and DOM Specifications | | 806 |
w3c, whatwg, dom, standards |
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the) | | 805 |
w3c, whatwg, standards, dom |
W3C and WHATWG Agree to Work Together Over HTML and DOM | | 804 |
w3c, whatwg, dom, standards |
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c) | | 803 |
w3c, whatwg, dom, standards |
Everything You Ever Wanted to Know About “inputmode” (chr/css) | | 802 |
forms, keyboard-shortcuts |
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb) | | 801 |
performance, hints, http-headers, http |
Why, How, and When to Use Semantic HTML and ARIA (ada/css) | | 800 |
aria, semantics, accessibility |
HTML Optimization: A Standard Config for HTMLMinifier (j9t) | | 799 |
optimization, configuration, tooling |
Building a Node.js Express API to Convert Markdown to HTML (sma) | | 798 |
nodejs, express, markdown, conversion |
Art Direction for the Web Using CSS Shapes (mal/sma) | | 797 |
design, css, shapes |
An Introduction to Web Components (css) | | 796 |
introductions, web-components, javascript, shadow-dom |
HTML and Performance: Leave Out Optional Tags and Quotes (j9t) | | 795 |
performance |
The Great Divide (chr/css) | | 794 |
css, javascript, career |
Styling a Web Component (chr/css) | | 793 |
web-components, shadow-dom, dom, custom-properties, css |
Speed Up Next-Page Navigations With Prefetching (add) | | 792 |
performance, hints, http-headers, http, webpack |
Why Isn’t It “<style src="">”? (chr/css) | | 791 |
standards, history |
Everything You Know About Web Design Just Changed (jen) | | 790 |
slides, layout, css, tables, flash, history, responsive-design, intrinsic-design |
The “D” in the DOM (24a) | | 789 |
accessibility, headings |
Front-End Development Is Not a Problem to Be Solved (fon/css) | | 788 |
css, bootstrap, craft, career |
You’re Using “em” Wrong (log) | | 787 |
semantics, markdown |
Splicing HTML’s DNA With CSS Attribute Selectors (sma) | | 786 |
attributes, css, selectors |
Valid CSS Content (chr/css) | | 785 |
css, validation |
Nested Links (chr/css) | | 784 |
links |
Responsive Images (wil/ali) | | 783 |
css, images, responsive-design |
Conversational Semantics (aar/ali) | | 782 |
semantics, voice |
What Do You Need to Know When Converting a Flash Game Into HTML5? (sma) | | 781 |
migrating, flash |
Did You Know That Style and Script Tags Can Be Set to “display: block”? (fon/css) | | 780 |
css |
Improving Performance Perception: On-Demand Image Resizing | | 779 |
performance, optimization, images, resizing |
DRY HTML or DRY CSS? | | 778 |
maintainability, principles, css, bem, oocss, atomic-css |
Moving From Flash to HTML, CSS, and JavaScript (sma) | | 777 |
flash, css, javascript, refactoring |
Some Things About “alt” Text (chr/css) | | 776 |
accessibility, alt-text, images |
What Is an HTML5 App and Do I Want One? | | 775 |
mobile, native, web-apps |
Third Party CSS Is Not Safe (jaf) | | 774 |
css, embed-code, security |
HTML, CSS, and Dependency Direction (j9t) | | 773 |
css, dependencies, maintainability, best-practices |
HTML-First at Wiley (tzv) | | 772 |
rdf, content-management |
Fast-Forwarding Media Support on the Web (tid/w3c) | | 771 |
multimedia |
“Stop Using CSS Selectors for Non-CSS” (chr/css) | | 770 |
css, javascript, jquery, selectors |
What Is HTML 5? (mar/com) | | 769 |
|
W3C Releases HTML 5.2 as Official Recommendation (kba/inf) | | 768 |
w3c, standards |
What’s New in HTML5.2 (inf) | | 767 |
standards |
HTML 5.2 Is Done, HTML 5.3 Is Coming (w3c) | | 766 |
standards, w3c |
HTML 5.2 (ste+/w3c) | | 765 |
standards |
How the Death of Flash Helped Build the Future of the Web, and Why It Matters Now (for) | | 764 |
flash, web-apps, web-platform |
A Developer’s Guide to Better Accessibility (a11+/24a) | | 763 |
guides, accessibility, semantics, keyboard-navigation, naming, tooling |
Building Accessible Menu Systems (hey/sma) | | 762 |
accessibility, navigation, aria |
HTML Email and Accessibility (css) | | 761 |
email, tables, accessibility |
The Front-End Checklist (the) | | 760 |
websites, checklists, css, javascript, images, accessibility, performance, seo |
You Can Get Pretty Far in Making a Slider With Just HTML and CSS (chr/css) | | 759 |
sliders, css |
Building Inclusive Toggle Buttons (hey/sma) | | 758 |
accessibility, forms, buttons, toggles |
With Flash Ending, It’s Time to Uninstall It From Your Browser | | 757 |
flash |
Custom Elements v1—Reusable Web Components (dev) | | 756 |
maintainability, web-components, shadow-dom, dom, examples |
Best Practices for Combining JavaScript With HTML | | 755 |
javascript, best-practices |
The Nine Principles of Design Implementation (sma) | | 754 |
design, principles, css |
What I Learned Building Google’s Web Frameworks (j9t) | | 753 |
google, frameworks, css, lessons |
Naming Things Is Only Getting Harder (geo/css) | | 752 |
css, naming |
Animating Single Div Art (css) | | 751 |
css, animations, art |
What Is the Future of Front End Web Development? (chr/css) | | 750 |
outlooks, user-experience, javascript, documentation, native, web, urls, performance, css, preprocessors, building, tooling |
Using ARIA (ste/w3c) | | 749 |
guides, aria, accessibility |
Total HTML Agnosticism (chr/css) | | 748 |
tech-stacks |
The Document Outline Dilemma (ame/css) | | 747 |
headings, semantics, accessibility |
Linting HTML Using CSS (ire) | | 746 |
css, linting, quality |
On EME in HTML5 (tim/w3c) | | 745 |
eme, drm, legal, security, standards, w3c |
Do We Need a New Heading Element? We Don’t Know (jaf) | | 744 |
headings |
HTML APIs: What They Are and How to Design a Good One (lea/sma) | | 743 |
how-tos, apis, javascript |
20+ Docs and Guides for Front-End Developers (lou) | | 742 |
css, javascript, link-lists |
Need Lorem Ipsum? Inside HTML? (chr/css) | | 741 |
placeholders, tooling |
Building a Fully-Accessible Help Tooltip (sar) | | 740 |
accessibility, tooltips, aria |
4 Ways to Make a Table With Borders Only on the Inside (Tic-Tac-Toe Style) (chr/css) | | 739 |
tables, css |
Making “input type=date” Complicated (ppk) | | 738 |
forms, edge, microsoft, chrome, google, browsers, comparisons |
Using the “aria-current” Attribute (tin) | | 737 |
attributes, aria, accessibility |
HTML5 Page Structure Basics (lou) | | 736 |
fundamentals, semantics |
An HTML5 FAQ (lou) | | 735 |
|
Know It All | | 734 |
websites, css, dom, javascript, svg, cssom, nodejs |
Improve Your Website’s Accessibility With WAI–ARIA (lou) | | 733 |
accessibility, aria, optimization |
Presentation Attributes vs. Inline Styles (chr/css) | | 732 |
svg, attributes, css, comparisons |
Front-End Tools: My Favorite Finds of 2016 (lou) | | 731 |
css, javascript, tooling, link-lists |
Introducing HTML5 (lou) | | 730 |
introductions |
What’s New in HTML 5.1 | | 729 |
semantics |
HTML5 Is the Next $100 Billion Game Platform (ven) | | 728 |
mobile, native |
Random Interesting Facts on HTML/SVG Usage (cat/css) | | 727 |
svg, metrics, amp, accessibility |
HTML 5.1 Is the Gold Standard (ple/w3c) | | 726 |
standards, w3c |
HTML 5.1 Update Available With New Features and Changes | | 725 |
w3c |
Stop Using the Old “Clearfix” (j9t) | | 724 |
css, floats, presentational-html, maintainability |
Responsive Images in CSS (chr/css) | | 723 |
images, responsive-design, css |
Will We Be Flattening Our HTML for CSS Grids? (chr/css) | | 722 |
css, grids, layout |
The Glory Days of the Web (bka) | | 721 |
web-platform, css, javascript, frameworks, libraries, history |
W3C Set to Publish HTML 5.1, Work Already Started on HTML 5.2 (cam/sof) | | 720 |
w3c, standards |
HTML—From 5.1 to 5.2 (w3c) | | 719 |
standards, w3c |
Are Icons Content? (chr/css) | | 718 |
icons, images, content |
Developing Extensible HTML and CSS Components (jon/css) | | 717 |
css, components, extensibility |
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css) | | 716 |
css, attributes, selectors, naming |
A Refined Content Security Policy (web) | | 715 |
csp, security, webkit, safari, apple, browsers |
The Performance Benefits of “rel=noopener” (jaf) | | 714 |
links, performance, security |
Custom Formatting in HTML and LaTeX Code Listings Using Pandoc | | 713 |
formatting, tooling |
Google’s HTML5 Push Creates Shortage of Agency, Brand Experts | | 712 |
flash, monetization, marketing, google |
Subresource Integrity (dev+/w3c) | | 711 |
security, hashing, standards |
HTML5 Has Changed the Internet but the World’s Now Ready for HTML6 | | 710 |
standards, web |
Using the HTML “lang” Attribute (tin/tpg) | | 709 |
accessibility, attributes, localization |
Form Validation UX in HTML and CSS (chr/css) | | 708 |
forms, validation, css, user-experience |
Finishing HTML5.1… and Starting HTML5.2 (w3c) | | 707 |
standards, w3c |
HTML Manifest (bru) | | 706 |
web-apps |
Considerations for Styling the “pre” Tag (chr/css) | | 705 |
css, syntax-highlighting |
Building a Robust Frontend Using Progressive Enhancement | | 704 |
css, javascript, single-page-apps, testing, progressive-enhancement |
Meaningful CSS: Style Like You Mean It (tba/ali) | | 703 |
css, semantics |
Web Designers, Can You Speak Web? | | 702 |
css, design, browsers, concepts, link-lists |
Work Begins on HTML5.1 via GitHub (neo) | | 701 |
w3c |
RespImageLint—Linter for Responsive Images | | 700 |
bookmarklets, images, responsive-design, linting |
Working on HTML5.1 (tin/w3c) | | 699 |
standards, w3c |
How Good Are Your HTML and CSS Comments? (hey) | | 698 |
css, comments, maintainability, collaboration, examples |
Keeping Your Content Classy (dre) | | 697 |
content, content-management |
Do You Know These Eight HTML5 Tags? | | 696 |
semantics |
The Future of Loading CSS (jaf) | | 695 |
css, rendering, chrome, google, browsers |
The Woes of Date Input (htm) | | 694 |
forms |
The World Wide Web: Huge Possibilities for Tomorrow | | 693 |
w3c, web |
JavaScript, HTML5, and the Web Made Big Comebacks in 2015 (dan) | | 692 |
javascript, web, retrospectives |
Reimagining Single-Page Applications With Progressive Enhancement (hey/sma) | | 691 |
single-page-apps, progressive-enhancement, css, javascript |
A Brief(ish) History of the Web Universe: Time (bka) | | 690 |
web, history |
Seriously, Don’t Use Icon Fonts (tyl/clo) | | 689 |
fonts, icon-fonts, quality |
The Image Replacement Museum (mar/css) | | 688 |
image-replacement, techniques, css, images, overviews, link-lists |
Transforming the Web With HTML5 (sdt) | | 687 |
web-platform, flash, multimedia |
How to Make Charts With SVG (fon/css) | | 686 |
how-tos, visualization, svg, images, javascript |
The Anatomy of Responsive Images (jaf) | | 685 |
images, responsive-design, support, browsers |
The Age of HTML5 Ads | | 684 |
monetization |
10 Common Mistakes Web Developers Make | | 683 |
mistakes, css, javascript, career, performance |