Small Wins for Accessibility and Resilience | | 887 |
accessibility, resilience |
One Favicon to Rule Them All (j9t) | | 886 |
images, favicons |
ARIA Spec for the Uninitiated (deq) | | 885 |
accessibility, aria |
The Complete Guide to HTML Forms and Constraint Validation (cra) | | 884 |
guides, forms, validation |
On the “<dl>” (ben) | | 883 |
lists |
The Ultimate Cheat Sheet List for Web Developers | | 882 |
css, javascript, cheat-sheets |
6 Useful Frontend Techniques That You May Not Know About | | 881 |
css, javascript, techniques |
Accessibility of the “Section” Element (sco) | | 880 |
accessibility |
Designing for the Unexpected (ali) | | 879 |
design, css |
The 3-Second Frontend Developer Test (j9t) | | 878 |
css, conformance, quality |
15 HTML5 Best Practices for Beginners to Master | | 877 |
best-practices |
The Document Outline (mat/mat) | | 876 |
headings, accessibility |
Milligram CSS | | 875 |
videos, milligram, frameworks, css, landing-pages |
ARIA in HTML (sco) | | 874 |
accessibility, aria |
Accessibility and SEO | | 873 |
accessibility, seo |
Use the “i” Element, and Use It Appropriately (j9t) | | 872 |
semantics |
JavaScript Frameworks and the Lost Art of HTML (deq) | | 871 |
javascript, frameworks |
OMG, SVG Favicons FTW! | | 870 |
images, favicons, svg |
Half the Size of Images by Optimising for High Density Displays (jaf) | | 869 |
images, performance |
Why Validate? (j9t) | | 868 |
css, quality, conformance, craft |
Accessible Overflow | | 867 |
accessibility, css, overflow |
The Hidden World of “aria-hidden” (ste) | | 866 |
accessibility, aria, hiding |
Don’t Overabstract Your Components | | 865 |
javascript, components |
2021: 98% of the Top 100 U.S. Websites Use Invalid HTML (j9t) | | 864 |
css, conformance, metrics, quality, craft |
The Button Cheat Sheet (mat) | | 863 |
cheat-sheets |
Upgrade Your HTML III (j9t/fro) | | 862 |
books, frontend-dogma, minimalism, craft, conformance |
Reducing HTML Payload With Next.js (Case Study) (sma) | | 861 |
nextjs, performance, case-studies |
Checking “Under the Hood” of Code (jay) | | 860 |
dev-tools, browsers, debugging, console, javascript, css, history |
Understanding Logical Focus Order | | 859 |
accessibility, focus |
Not Your Typical Horizontal Rules (sar) | | 858 |
semantics |
The Future of Web Software Is HTML-over-WebSockets (ali) | | 857 |
outlooks, websockets |
Revisiting Dark Patterns With the HTML “dialog” Tag (tan) | | 856 |
modals, javascript |
The Unreasonable Effectiveness of Simple HTML (ede) | | 855 |
|
HTML: The 16 Content Categories and Their Elements (j9t) | | 854 |
semantics |
HTML and CSS Techniques to Reduce Your JavaScript | | 853 |
css, javascript, performance |
Notes on HTML 3.2 (j9t) | | 852 |
|
Alt vs. Figcaption (tho) | | 851 |
accessibility, comparisons |
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv) | | 850 |
css, javascript |
Know Your Standards (ste) | | 849 |
accessibility, standards, wcag, aria, link-lists |
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma) | | 848 |
forms |
Upgrade Your HTML II (j9t/fro) | | 847 |
books, frontend-dogma, minimalism, craft, conformance |
Markup (j9t+/htt) | | 846 |
web-almanac, studies, research, metrics |
Come Full Circle—Back to HTML | | 845 |
code-editors, vi+vim, neovim |
A Guide to HTML and CSS Forms (No Hacks) | | 844 |
guides, css, forms |
Islands Architecture | | 843 |
architecture, concepts |
Web Standards | | 842 |
standards, w3c, xml, xhtml, css, wcag |
Remembrance of Tags Past (mey) | | 841 |
history, web-platform, xhtml, css, hacks, doctype-switching |
The 24 Boolean Attributes of HTML (j9t) | | 840 |
attributes |
HTML Tips (mar) | | 839 |
tips-and-tricks |
What to Use Instead of Number Inputs (chr/css) | | 838 |
forms |
Performance Tips: Minifying HTML, CSS, and JS | | 837 |
videos, performance, css, javascript, minification, tips-and-tricks |
How to Create a “Skip to Content” Link (css) | | 836 |
how-tos, skip-links, css, accessibility |
Fluid Width Video (chr/css) | | 835 |
multimedia, responsive-design |
Setting Height and Width on Images Is Important Again (tun/sma) | | 834 |
images, performance, web-vitals |
Do This to Improve Image Loading on Your Website (fon/css) | | 833 |
performance, images |
How We Learned to Draw Text on HTML5 Canvas | | 832 |
canvas, apis, svg, javascript |
HTML Data Attributes Guide (chr/css) | | 831 |
guides, custom-data |
Why JavaScript Is Eating HTML (css) | | 830 |
css, javascript, maintainability |
Select an Element With a Non-Empty Attribute (chr/css) | | 829 |
css, selectors, custom-data |
Old CSS, New CSS (eev) | | 828 |
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) | | 827 |
css, attributes, comparisons |
A Web Component With Different HTML for Desktop and Mobile (chr/css) | | 826 |
web-components, mobile, desktop |
If It Can Be Done Using an HTTP Header, Use an HTTP Header (j9t) | | 825 |
maintainability, maintenance, http, http-headers |
Why You Should Choose HTML5 “article” Over “section” (bru/sma) | | 824 |
semantics, headings |
Why Do We Use .html Instead of .htm? (chr/css) | | 823 |
|
POURing ARIA Into the HTML Element Specs (24a) | | 822 |
accessibility, aria |
An HTML Optimizer’s Config for html-minifier (j9t) | | 821 |
html-minifier, minification, optimization, configuration, performance, minimalism |
How to Style and Animate the Letters in a String Using CSS (fos) | | 820 |
how-tos, css, animations |
The Order of CSS Classes in HTML Doesn’t Matter (fon/css) | | 819 |
css, cascade |
Quoting in HTML: Quotations, Citations, and Blockquotes (css) | | 818 |
semantics |
Conversational Semantics (aar/btc) | | 817 |
videos, semantics, voice |
Upgrade Your HTML (the Booklet) (j9t) | | 816 |
books, minimalism, craft, conformance |
The “hidden” Attribute Is Visibly Weak (chr/css) | | 815 |
attributes, hiding |
On Writing Better Markup (j9t) | | 814 |
quality, maintainability, performance, terminology |
Heading Levels (ann) | | 813 |
headings |
Multi-Million Dollar HTML (chr/css) | | 812 |
accessibility, labels, economics |
Some HTML Is “Optional” (chr/css) | | 811 |
standards, performance |
Optional HTML (sto) | | 810 |
|
Working With Attributes on DOM Elements (css) | | 809 |
dom, attributes, custom-data, javascript |
Optional HTML: Everything You Need to Know (j9t) | | 808 |
performance, minimalism |
Datalist Is for Suggesting Values Without Enforcing Values (chr/css) | | 807 |
forms |
When to Use “img,” “img@ srcset,” and “picture” and “source” (j9t) | | 806 |
images |
The Problem With Web Development Checklists, or: The Frontend Checklist, Revised (j9t) | | 805 |
checklists, accessibility, performance, seo, social-media |
How to Section Your HTML (css) | | 804 |
how-tos, semantics, examples |
W3C and WHATWG Agreement: Single Version of HTML, DOM Specifications (sci) | | 803 |
w3c, whatwg, dom, standards |
W3C and WHATWG Come Together for HTML and DOM Specifications | | 802 |
w3c, whatwg, dom, standards |
War Is Over, if You Want It: W3C, WHATWG Agree to Work Towards Single Spec for HTML and DOM (the) | | 801 |
w3c, whatwg, standards, dom |
W3C and WHATWG Agree to Work Together Over HTML and DOM | | 800 |
w3c, whatwg, dom, standards |
W3C and the WHATWG Signed an Agreement to Collaborate on a Single Version of HTML and DOM (w3c) | | 799 |
w3c, whatwg, dom, standards |
Everything You Ever Wanted to Know About “inputmode” (chr/css) | | 798 |
forms, keyboard-shortcuts |
Browser Resource Hints: “preload”, “prefetch”, and “preconnect” (deb) | | 797 |
performance, hints, http-headers, http |
Why, How, and When to Use Semantic HTML and ARIA (ada/css) | | 796 |
aria, semantics, accessibility |
HTML Optimization: A Standard Config for HTMLMinifier (j9t) | | 795 |
optimization, configuration, tooling |
Building a Node.js Express API to Convert Markdown to HTML (sma) | | 794 |
nodejs, express, markdown, conversion |
Art Direction for the Web Using CSS Shapes (mal/sma) | | 793 |
design, css, shapes |
An Introduction to Web Components (css) | | 792 |
introductions, web-components, javascript, shadow-dom |
HTML and Performance: Leave Out Optional Tags and Quotes (j9t) | | 791 |
performance |
Styling a Web Component (chr/css) | | 790 |
web-components, shadow-dom, dom, custom-properties, css |
Speed Up Next-Page Navigations With Prefetching (add) | | 789 |
performance, hints, http-headers, http, webpack |
Why Isn’t It “<style src="">”? (chr/css) | | 788 |
standards, history |
Everything You Know About Web Design Just Changed (jen) | | 787 |
slides, layout, css, tables, flash, history, responsive-design, intrinsic-design |
The “D” in the DOM (24a) | | 786 |
accessibility, headings |
Front-End Development Is Not a Problem to Be Solved (fon/css) | | 785 |
css, bootstrap, craft, career |
You’re Using “em” Wrong (log) | | 784 |
semantics, markdown |
Splicing HTML’s DNA With CSS Attribute Selectors (sma) | | 783 |
attributes, css, selectors |
Valid CSS Content (chr/css) | | 782 |
css, validation |
Nested Links (chr/css) | | 781 |
links |
Responsive Images (wil/ali) | | 780 |
css, images, responsive-design |
Conversational Semantics (aar/ali) | | 779 |
semantics, voice |
What Do You Need to Know When Converting a Flash Game Into HTML5? (sma) | | 778 |
migrating, flash |
Did You Know That Style and Script Tags Can Be Set to “display: block”? (fon/css) | | 777 |
css |
Improving Performance Perception: On-Demand Image Resizing | | 776 |
performance, optimization, images, resizing |
DRY HTML or DRY CSS? | | 775 |
maintainability, principles, css, bem, oocss, atomic-css |
Moving From Flash to HTML, CSS, and JavaScript (sma) | | 774 |
flash, css, javascript, refactoring |
Some Things About “alt” Text (chr/css) | | 773 |
accessibility, alt-text, images |
What Is an HTML5 App and Do I Want One? | | 772 |
mobile, native, web-apps |
Third Party CSS Is Not Safe (jaf) | | 771 |
css, embed-code, security |
HTML, CSS, and Dependency Direction (j9t) | | 770 |
css, dependencies, maintainability, best-practices |
HTML-First at Wiley (tzv) | | 769 |
rdf, content-management |
Fast-Forwarding Media Support on the Web (tid/w3c) | | 768 |
multimedia |
“Stop Using CSS Selectors for Non-CSS” (chr/css) | | 767 |
css, javascript, jquery, selectors |
What Is HTML 5? (mar/com) | | 766 |
|
W3C Releases HTML 5.2 as Official Recommendation (kba/inf) | | 765 |
w3c, standards |
What’s New in HTML5.2 (inf) | | 764 |
standards |
HTML 5.2 Is Done, HTML 5.3 Is Coming (w3c) | | 763 |
standards, w3c |
HTML 5.2 (ste+/w3c) | | 762 |
standards |
How the Death of Flash Helped Build the Future of the Web, and Why It Matters Now (for) | | 761 |
flash, web-apps, web-platform |
A Developer’s Guide to Better Accessibility (a11+/24a) | | 760 |
guides, accessibility, semantics, keyboard-navigation, naming, tooling |
Building Accessible Menu Systems (hey/sma) | | 759 |
accessibility, navigation, aria |
HTML Email and Accessibility (css) | | 758 |
email, tables, accessibility |
The Front-End Checklist (the) | | 757 |
websites, checklists, css, javascript, images, accessibility, performance, seo |
You Can Get Pretty Far in Making a Slider With Just HTML and CSS (chr/css) | | 756 |
sliders, css |
Building Inclusive Toggle Buttons (hey/sma) | | 755 |
accessibility, forms, buttons, toggles |
With Flash Ending, It’s Time to Uninstall It From Your Browser | | 754 |
flash |
Custom Elements v1—Reusable Web Components (dev) | | 753 |
maintainability, web-components, shadow-dom, dom, examples |
Best Practices for Combining JavaScript With HTML | | 752 |
javascript, best-practices |
The Nine Principles of Design Implementation (sma) | | 751 |
design, principles, css |
What I Learned Building Google’s Web Frameworks (j9t) | | 750 |
google, frameworks, css, lessons |
Naming Things Is Only Getting Harder (geo/css) | | 749 |
css, naming |
Animating Single Div Art (css) | | 748 |
css, animations, art |
What Is the Future of Front End Web Development? (chr/css) | | 747 |
outlooks, user-experience, javascript, documentation, native, web, urls, performance, css, preprocessors, building, tooling |
Using ARIA (ste/w3c) | | 746 |
guides, aria, accessibility |
Total HTML Agnosticism (chr/css) | | 745 |
tech-stacks |
The Document Outline Dilemma (ame/css) | | 744 |
headings, semantics, accessibility |
Linting HTML Using CSS (ire) | | 743 |
css, linting, quality |
On EME in HTML5 (tim/w3c) | | 742 |
eme, drm, legal, security, standards, w3c |
Do We Need a New Heading Element? We Don’t Know (jaf) | | 741 |
headings |
HTML APIs: What They Are and How to Design a Good One (lea/sma) | | 740 |
how-tos, apis, javascript |
20+ Docs and Guides for Front-End Developers (lou) | | 739 |
css, javascript, link-lists |
Need Lorem Ipsum? Inside HTML? (chr/css) | | 738 |
placeholders, tooling |
Building a Fully-Accessible Help Tooltip (sar) | | 737 |
accessibility, tooltips, aria |
4 Ways to Make a Table With Borders Only on the Inside (Tic-Tac-Toe Style) (chr/css) | | 736 |
tables, css |
Making “input type=date” Complicated (ppk) | | 735 |
forms, edge, microsoft, chrome, google, browsers, comparisons |
Using the “aria-current” Attribute (tin) | | 734 |
attributes, aria, accessibility |
HTML5 Page Structure Basics (lou) | | 733 |
fundamentals, semantics |
An HTML5 FAQ (lou) | | 732 |
|
Know It All | | 731 |
websites, css, dom, javascript, svg, cssom, nodejs |
Improve Your Website’s Accessibility With WAI–ARIA (lou) | | 730 |
accessibility, aria, optimization |
Presentation Attributes vs. Inline Styles (chr/css) | | 729 |
svg, attributes, css, comparisons |
Front-End Tools: My Favorite Finds of 2016 (lou) | | 728 |
css, javascript, tooling, link-lists |
Introducing HTML5 (lou) | | 727 |
introductions |
What’s New in HTML 5.1 | | 726 |
semantics |
HTML5 Is the Next $100 Billion Game Platform (ven) | | 725 |
mobile, native |
Random Interesting Facts on HTML/SVG Usage (cat/css) | | 724 |
svg, metrics, amp, accessibility |
HTML 5.1 Is the Gold Standard (ple/w3c) | | 723 |
standards, w3c |
HTML 5.1 Update Available With New Features and Changes | | 722 |
w3c |
Stop Using the Old “Clearfix” (j9t) | | 721 |
css, floats, presentational-css, maintainability |
Responsive Images in CSS (chr/css) | | 720 |
images, responsive-design, css |
Will We Be Flattening Our HTML for CSS Grids? (chr/css) | | 719 |
css, grids, layout |
The Glory Days of the Web (bka) | | 718 |
web-platform, css, javascript, frameworks, libraries, history |
W3C Set to Publish HTML 5.1, Work Already Started on HTML 5.2 (cam/sof) | | 717 |
w3c, standards |
HTML—From 5.1 to 5.2 (w3c) | | 716 |
standards, w3c |
Are Icons Content? (chr/css) | | 715 |
icons, images, content |
Developing Extensible HTML and CSS Components (jon/css) | | 714 |
css, components, extensibility |
You Can Kinda Invent Your Own Weird Design Language With Attributes and Attribute Selectors (chr/css) | | 713 |
css, attributes, selectors, naming |
A Refined Content Security Policy (web) | | 712 |
csp, security, webkit, safari, apple, browsers |
The Performance Benefits of “rel=noopener” (jaf) | | 711 |
links, performance, security |
Custom Formatting in HTML and LaTeX Code Listings Using Pandoc | | 710 |
formatting, tooling |
Google’s HTML5 Push Creates Shortage of Agency, Brand Experts | | 709 |
flash, monetization, marketing, google |
Subresource Integrity (dev+/w3c) | | 708 |
security, hashing, standards |
HTML5 Has Changed the Internet but the World’s Now Ready for HTML6 | | 707 |
standards, web |
Using the HTML “lang” Attribute (tin/tpg) | | 706 |
accessibility, attributes, localization |
Form Validation UX in HTML and CSS (chr/css) | | 705 |
forms, validation, css, user-experience |
Finishing HTML5.1… and Starting HTML5.2 (w3c) | | 704 |
standards, w3c |
HTML Manifest (bru) | | 703 |
web-apps |
Considerations for Styling the “pre” Tag (chr/css) | | 702 |
css, syntax-highlighting |
Building a Robust Frontend Using Progressive Enhancement | | 701 |
css, javascript, single-page-apps, testing, progressive-enhancement |
Meaningful CSS: Style Like You Mean It (tba/ali) | | 700 |
css, semantics |
Web Designers, Can You Speak Web? | | 699 |
css, design, browsers, concepts, link-lists |
Work Begins on HTML5.1 via GitHub (neo) | | 698 |
w3c |
RespImageLint—Linter for Responsive Images | | 697 |
bookmarklets, images, responsive-design, linting |
Working on HTML5.1 (tin/w3c) | | 696 |
standards, w3c |
How Good Are Your HTML and CSS Comments? (hey) | | 695 |
css, comments, maintainability, collaboration, examples |
Keeping Your Content Classy (dre) | | 694 |
content, content-management |
Do You Know These Eight HTML5 Tags? | | 693 |
semantics |
The Future of Loading CSS (jaf) | | 692 |
css, rendering, chrome, google, browsers |
The Woes of Date Input (htm) | | 691 |
forms |
The World Wide Web: Huge Possibilities for Tomorrow | | 690 |
w3c, web |
JavaScript, HTML5, and the Web Made Big Comebacks in 2015 (dan) | | 689 |
javascript, web, retrospectives |
Reimagining Single-Page Applications With Progressive Enhancement (hey/sma) | | 688 |
single-page-apps, progressive-enhancement, css, javascript |
A Brief(ish) History of the Web Universe: Time (bka) | | 687 |
web, history |
Seriously, Don’t Use Icon Fonts (tyl/clo) | | 686 |
fonts, icon-fonts, quality |
The Image Replacement Museum (mar/css) | | 685 |
image-replacement, techniques, css, images, overviews, link-lists |
Transforming the Web With HTML5 (sdt) | | 684 |
web-platform, flash, multimedia |
How to Make Charts With SVG (fon/css) | | 683 |
how-tos, visualization, svg, images, javascript |
The Anatomy of Responsive Images (jaf) | | 682 |
images, responsive-design, support, browsers |
The Age of HTML5 Ads | | 681 |
monetization |
10 Common Mistakes Web Developers Make | | 680 |
mistakes, css, javascript, career, performance |
IAB Says HTML5 Is New Standard, Adobe Agrees (ada) | | 679 |
monetization, adobe |
The Current State of HTML5/CSS3 Browser Support | | 678 |
css, browsers, support, canvas, flexbox, colors, vendor-extensions, multimedia |
HTML5 Comes of Age: It’s Finally Time to Tell Flash Good-Bye | | 677 |
multimedia, eme, drm, flash, silverlight |
A Brief History of HTML (rpo) | | 676 |
history, wml, hdml, chtml, wap |
Accessible Footnotes With CSS (kit) | | 675 |
css, accessibility |
Is HTML “Complete”? (bru) | | 674 |
standards, web-platform |
What Are Web Standards | | 673 |
standards, history, xml, xhtml, css, wcag, w3c |
</html> (tim) | | 672 |
web-platform |
Monotype Is Introducing an HTML5-Based Web Font Platform | | 671 |
fonts |
HTML5 Canvas: What Is It? | | 670 |
canvas, javascript |
“It’s Alive!”: Apps That Feed Back Accessibly (hey/sma) | | 669 |
accessibility, aria, live-regions, web-apps |
Let Links Be Links (ali) | | 668 |
links, javascript, frameworks |
Refresh HTTP Header (kar) | | 667 |
redirecting, http-headers, http, metadata, history |
HTML5 Local Storage Revisited | | 666 |
browser-storage, apis |
Can CSS Be Too Modular? (css) | | 665 |
css |
New Book: “The Little Book of HTML/CSS Frameworks” (j9t) | | 664 |
books, frameworks, css |
HTML5 Image Description Extension (“longdesc”) (cpt/w3c) | | 663 |
images, standards |
Progressive Enhancement and Data Visualizations (css) | | 662 |
progressive-enhancement, css, svg, visualization |
The Case Against DRM Needs to Be Made Now (kni/giz) | | 661 |
drm, w3c |
On the Deterioration of HTML/CSS Practices (j9t) | | 660 |
css, craft |
Analyst Watch: 2015 Will Be a Pivotal Year for HTML5 (sdt) | | 659 |
|
HTML5 Differences From HTML4 (zco/w3c) | | 658 |
comparisons, standards |
10 Typical HTML Interview Exercises | | 657 |
interviewing, conformance, semantics, aria |
5 Obsolete Features in HTML5 | | 656 |
|
Responsive Images in Practice (ali) | | 655 |
images, responsive-design, css |
HTML5 Finally Released as W3C Recommendation (sco) | | 654 |
standards, w3c |
HTML5 Is a Recommendation (iva/w3c) | | 653 |
standards |
HTML5 Finalized, Finally (cio) | | 652 |
standards, w3c |
Google and HTML/CSS Code Quality (j9t) | | 651 |
google, css, quality, history |
Don’t Use “<picture>” (Most of the Time) (gri/clo) | | 650 |
images, responsive-design |
A Guide to the HTML5 “time” Element | | 649 |
guides, examples |
How a New HTML Element Will Make the Web Faster (ars) | | 648 |
images, performance, responsive-design |
HTML and Specifying Language (j9t) | | 647 |
optimization, minimalism |
HTML Minifier [Revisited] | | 646 |
html-minifier, minification, optimization |
Create Responsive Tables With Foundation | | 645 |
videos, responsive-design, tables, foundation |
The WAI Forward (hey/sma) | | 644 |
accessibility, aria, w3c |
Web Technologies Hanging Out Together (chr/css) | | 643 |
css, javascript, php |
CSS-Driven Internationalization in JavaScript (sma) | | 642 |
javascript, css, internationalization, localization |
HTML5 on Track for W3C Finalization by Year’s End (red) | | 641 |
w3c, standards |
“async” Attribute and Scripts at the Bottom (chr/css) | | 640 |
javascript, asynchronicity |
HTML5: On Our Way to Recommendation (ple/w3c) | | 639 |
standards |
Ruby Markup (ri/web) | | 638 |
ruby-markup |