#html

Are LLMs still surprisingly bad at some simple tasks?

Năm ngoái tác giả đã thực hiện thí nghiệm kiểm tra khả năng của các modern LLMs trong việc …

Out-of-Order HTML Streaming Moves from JS Frameworks into the Browser

Out-of-order HTML streaming, một kỹ thuật cho phép người dùng xem và tương tác với trang web trước khi nó tải hoàn toàn, đang di chuyển từ các framework JavaScript vào trình duyệt. Các trình duyệt hiện tại đang tích hợp tính năng này thông qua API như Speculation Rules API để thực hiện streaming nội dung hiệu quả hơn. Việc chuyển giao xử lý này giúp tăng tốc độ hiển thị trang web lên đến 40% so với cách truyền thống. Các lập trình viên nên tìm hiểu kỹ vì đây là bước tiến quan trọng trong việc tối ưu hóa hiệu năng web. Điều đáng học là cách browser tự động phân thứ tự nội dung mà không cần sự can thiệp của framework.

Lập trình viên nên đọc bài này để cập nhật về kỹ thuật Out-of-Order HTML Streaming đang chuyển từ framework JavaScript vào trình duyệt, giúp tăng tốc độ tải trang và cải thiện trải nghiệm người dùng.

Live form designer

Quartex Pascal IDE đã triển khai pipeline render headless tạo ra form designer WYSIWYG khớp 1:1 với output runtime, thay thế designer mock trước đây do HTML5 rendering tốn kém. Để hỗ trợ điều này, logic căn chỉnh widget của RTL (TQTXWidget.PerformAlign) đã được điều chỉnh ở 5 điểm để xử lý đúng việc trừ CSS margin qua box model của browser, để HTML5 đảm nhận tính toán trục thay vì điều chỉnh thủ công. Phần lập trình viên sẽ không nhận thấy sự thay đổi gì, nhưng ai có widget thủ công bù bù cho hành vi margin right/bottom cũ cần cập nhật code bằng một dòng fix dùng phương thức AdjustRect() trên đối tượng border.

Bài viết giải thích các thay đổi trong RTL widget alignment logic giúp lập trình viên tương thích với form designer mới và sửa code nếu có widget cũ sử dụng margin behavior.

Esoteric HTML - ismap vs CSS

HTML có các thuộc tính lỗi thời như ismap từ thời kỳ ban đầu khi chưa có CSS. Hệ quả là chúng gây khó khăn cho người mới học và có thể dẫn đến lỗi không đáng có. Bài viết phân tích sự khác biệt giữa Image Maps sử dụng ismap và giải pháp hiện đại bằng CSS. Nếu bạn đang xử lý layout phức tạp, việc hiểu những kỹ thuật cũ này giúp giải quyết vấn đề hiệu quả hơn. Bài gốc có ví dụ cụ thể với mã HTML và CSS minh họa cho các phương án tiếp cận khác nhau.

Bài viết giải thích sự khác biệt giữa ismap và CSS giúp lập trình viên hiểu cách xử lý hình ảnh tương tác một cách hiệu quả hơn.

Why width and height Still Matter for HTML Images

Trong bối cảnh tối ưu hóa hiệu suất web, các thuộc tính width và height trong thẻ HTML image vẫn đóng vai trò quan trọng giúp giảm layout shifts. Nguyên nhân kỹ thuật là khi không chỉ định kích thước, trình duyệt phải chờ tải ảnh xong mới biết cách phân bổ không gian, gây CLS (Cumulative Layout Shift) cao. Hệ quả là trải nghiệm người dùng kém mượt và điểm Core Web Metrics thấp hơn đáng kể. Bài viết giải thích cách đặt width và height giúp trình duyệt dành chỗ trước khi tải ảnh, cải thiện đáng kể CLS score. Đáng học hỏi là phương pháp này cực kỳ đơn giản nhưng hiệu quả, không cần dùng JavaScript hay kỹ thuật phức tạp nào khác.

Thuộc tính width và height trong HTML ảnh giúp trình duyệt dành không gian trước khi tải hình ảnh, tránh lệch bố cục và cải thiện CLS.

Almost nobody pays attention to web standards anymore

Một nghiên cứu của nhà phát triển Théo Ducreux trên 5.000 tên miền phổ biến nhất cho thấy 87,2% vi phạm tiêu chuẩn HTML/CSS, chỉ 12,8% hợp lệ hoàn toàn và 2,6% không có lỗi hay cảnh báo. Hơn 1/3 không đạt kiểm tra khả năng truy cập, với 20,4% thiếu alt text và 41,6% thiếu ARIA labels; lỗi lồng thẻ chiếm 59% do các framework front-end sinh ra markup lỗi thời điểm build. Các trình duyệt cho phép phục hồi lỗi đã dung túng mã kém chất lượng, gây hỏng hóc cho trình đọc màn hình, trợ lý AI hay công cụ dịch.

Lập trình viên nên đọc bài này để hiểu rõ cách các tiêu chuẩn web hiện nay bị vi phạm rộng rãi, từ đó nâng cao kiến thức về cách viết mã chính xác, đảm bảo tính khả dụng và tương thích với các công cụ tương lai như AI và trợ lý giọng nói.

HTML & CSS Error Statistics: We Validated the Top 5,000 Websites

Kiểm tra 5.000 website hàng đầu, 90,5% trong số 2.655 website có thể truy cập được vi phạm đặc tả HTML. Bài viết cung cấp bảng xếp hạng đầy đủ về mọi lỗi HTML cùng tần suất xuất hiện thực tế.

Lập trình viên nên đọc bài này để hiểu rõ về những lỗi HTML phổ biến nhất trên thực tế và cách tối ưu hóa mã của mình để đảm bảo hiệu suất, tính tương thích và tránh các vấn đề về SEO khi phát triển website.

So Reddit has decided that plain HTML is unsafe

Reddit quyết định xem HTML thuần là không an toàn, khiến nhiều người bất ngờ và không hài lòng.

Những lập trình viên nên đọc bài này để hiểu cách Reddit phát triển ý kiến về HTML đơn giản có thể trở thành một vấn đề an toàn bảo mật, giúp họ tránh những rủi ro về mã hóa không an toàn trong các dự án tương lai.

My HTML boilerplate in 2026

Bài viết giới thiệu bộ khung HTML cơ bản mà tác giả sử dụng năm 2026 cùng giải thích chi tiết từng phần tử, nhằm tối ưu cấu trúc tài liệu.

Lập trình viên nên đọc bài này để cập nhật kiến thức về các tiêu chuẩn và cách tối ưu hóa cấu trúc HTML cơ bản theo xu hướng mới nhất, giúp mã nguồn của họ hiệu quả hơn và tương thích với các công nghệ tương lai.

What’s new in Web UI (Google I/O 2026)

Bài chia sẻ tại Google I/O 2026 giới thiệu các tính năng mới cho Web UI như scroll-triggered animations, scoped view transitions, UI components và primitives CSS/HTML. Demo có sẵn trên CodePen, kèm bài viết chi tiết trên Chrome for Developers.

Lập trình viên nên đọc để cập nhật những công cụ UI hiện đại mới nhất từ Google, giúp tối ưu hóa giao diện web với các tính năng mới như chuyển tiếp hiển thị và hoạt động nhảy trượt, giúp cải thiện trải nghiệm người dùng và hiệu suất phát triển.

Ending Responsive Images – Master.dev Blog

Thuộc tính sizes của thẻ <img> từng là phần khó nhất do cú pháp phức tạp và phải đồng bộ liên tục với CSS, nhưng nay đã được loại bỏ.

Lập trình viên nên đọc bài này để giải quyết vấn đề phức tạp của sizes trong <img> và tìm cách đơn giản hóa cách định nghĩa kích thước ảnh phù hợp với thiết kế responsive, giúp tối ưu hóa hiệu suất và trải nghiệm người dùng.

HTML, CSS & JavaScript: The Three Skills Every Developer Must Master Before Chasing Frameworks

Trước khi theo đuổi các framework, nhà phát triển nên thành thạo ba ngôn ngữ cốt lõi: HTML, CSS và JavaScript.

Là lập trình viên, bạn nên đọc bài này để hiểu rõ rằng những kỹ năng cơ bản của HTML, CSS và JavaScript là nền tảng không thể thiếu trước khi bạn nhảy vào học các framework phức tạp, giúp tránh rơi vào tình trạng học theo xu hướng mà không có sự hiểu biết sâu sắc về cơ sở.

ARIA, anti-patterns, and you

ARIA Authoring Practices Guide (APG) không phải hướng dẫn tối ưu cho website mà chỉ minh họa đặc tả ARIA dành cho nhà phát triển trình duyệt và công nghệ hỗ trợ. Việc lạm dụng ARIA (kể cả dùng LLM dựa trên APG) đang khiến web kém tiếp cận hơn, khi dữ liệu từ WebAIM cho thấy tỷ lệ lỗi tiếp cận tăng theo mức độ sử dụng ARIA.

Lập trình viên nên đọc bài này để tránh rủi ro khi sử dụng ARIA sai cách, vì việc áp dụng không đúng quy tắc không chỉ làm giảm khả năng tương tác của người dùng có nhu cầu đặc biệt mà còn khiến các công cụ hỗ trợ (như máy đọc màn hình) hoạt động không hiệu quả, làm web trở nên khó tiếp cận hơn.

When A Favicon Becomes The Entire Website

Tim Wehrle tạo ra một cách hack sáng tạo khi nhúng toàn bộ website HTML vào tệp favicon dưới dạng hình ảnh PNG bằng cách mã hóa các byte UTF-8 thành dữ liệu hình ảnh. Một payload HTML 208-byte cùng header PNG 4-byte vừa đủ trong favicon 9×9 pixel, sau đó dùng TypeScript để giải nén và hiển thị trang web trong trình duyệt. Dự án mã nguồn mở trên GitHub kèm demo trực tuyến.

Lập trình viên nên đọc bài này để khám phá cách áp dụng kỹ thuật mã hóa và giải mã dữ liệu trong thiết kế giao diện web, mở rộng khả năng tương tác và tối ưu hóa không gian lưu trữ cho các ứng dụng nhỏ gọn.

How to Create Accessible Modals and Pop-ups Using HTML, CSS, and Minimal JavaScript

Tạo modal và pop-up có thể phức tạp do yêu cầu nhiều boilerplate code. Bài viết hướng dẫn cách xây dựng chúng bằng HTML, CSS và JavaScript tối thiểu, tập trung vào khả năng truy cập (accessibility).

Lập trình viên nên đọc bài này để học cách thiết kế các modal và pop-up thân thiện với người dùng và người bị khuyết tật, giúp cải thiện trải nghiệm người dùng và tuân thủ các tiêu chuẩn Accessibility (ADA, WCAG) mà không cần phải viết nhiều mã phức tạp.

Roux’s New Component Library

Thoughtbot đã bổ sung thư viện component HTML vào Roux, framework CSS của họ, nhằm cung cấp nền tảng vững chắc cho các dự án mà không phụ thuộc vào Tailwind hay React. Thư viện này được xây dựng bằng HTML/CSS thuần, ưu tiên khả năng truy cập và đánh dấu ngữ nghĩa, đồng thời hỗ trợ sao chép-dán mã trực tiếp từ trang tài liệu.

Lập trình viên nên đọc để khám phá cách Roux kết hợp CSS và HTML thành một thư viện thành phần UI đơn giản, dễ sử dụng, đồng thời đáp ứng tốt tính khả dụng và phong cách thiết kế theo tiêu chuẩn Thoughtbot, giúp tiết kiệm thời gian và nâng cao chất lượng dự án.

Introducing <mermaid-element>, a custom element to display Mermaid diagrams

<mermaid-element> là web component zero-config, không phụ thuộc dependency, render diagram Mermaid trong Shadow DOM. Component tự tải Mermaid phiên bản 12 khi cần qua jsDelivr, hỗ dụng ghìm phiên bản hoặc endpoint tùy chỉnh qua thuộc tính mermaid, và cache tải xuống bộ nhớ để chỉ fetch Mermaid một lần dù nhiều diagram trên trang. Apps đã bundle Mermaid có thể gán bản sao riêng vào MermaidElement.defaultMermaid để bỏ yêu cầu CDN. Component hiện có trên npm kèm playground tương tác và tài liệu.

Lập trình viên nên đọc bài viết này để biết cách sử dụng <mermaid-element> hiển thị biểu đồ Mermaid một cách đơn giản mà không cần cấu hình phức tạp.

Antiquated HTML Snippets and Artefacts

Bối cảnh của bài viết là tổng quan về các đoạn HTML cũ từng phổ biến trên website để giải quyết các vấn đề cụ thể với công nghệ trình duyệt như Internet Explorer và Netscape. Nguyên nhân kỹ thuật khiến các đoạn mã này trở nên lỗi thời là sự tiến hóa của chuẩn web và sự ra đời của API, framework mới với tính năng ưu việt hơn. Hệ quả là các đoạn HTML này hiện gây lãng phí tài nguyên, khó bảo trì và có thể ảnh hưởng đến hiệu suất website. Điều đáng học là bài viết giúp nhận diện và loại bỏ các đoạn mã thừa, đồng thời cung cấp giải pháp thay thế bằng công nghệ hiện đại như React hay VueJS để tối ưu hóa mã nguồn website.

Bài viết này giúp lập trình viên nhận diện và loại bỏ mã HTML lỗi thời trong dự án hiện tại.

New Things You Should Know About HTML Here in Mid 2026 – Master.dev Blog

Ngôn ngữ nền tảng của web đang nhận được nhiều sự quan tâm gần đây. Mặc dù HTML phát triển chậm hơn CSS và JavaScript, đây thực sự là điểm tích cực. Bài viết không đề cập đến các tính năng cơ bản như <article> đã xuất từ năm 2009. Thay vào đó, nó tập trung vào các cập nhật và tính năng mới của HTML trong nửa đầu năm 2026. Nếu bạn là lập trình viên web, việc cập nhật những thay đổi này sẽ giúp bạn tối ưu hóa performance và enhance trải nghiệm người dùng hiệu quả hơn.

Bài viết này giúp bạn cập nhật những tính năng HTML mới nhất giữa năm 2026 để duy trì lợi thế công nghệ trong ngành lập trình web.

Delayed-Then-Instant Tooltips with HTML & CSS Alone – Master.dev Blog

Có thể điều chỉnh thời gian hiển thị tooltip mà không cần JavaScript nhờ vào CSS và HTML hiện đại, đồng thời vẫn đảm bảo khả năng tương thích dự phòng hoàn toàn.

Lập trình viên nên đọc bài này để khám phá cách sử dụng CSS và HTML đơn giản để tạo hiệu ứng tooltip phản hồi tức thì ngay sau khi chờ đợi, thay vì phụ thuộc vào JavaScript phức tạp, giúp tiết kiệm thời gian và code.

The "Disability Dongle": Why Silicon Valley Hates Me and You

Một tác giả mù đồng tính rực rỡ đã chỉ trích ngành công nghệ Silicon Valley vì những sản phẩm thiếu thân thiện với người khuyết tật.

Những câu chuyện về những người có tật năng trong ngành công nghệ không chỉ là sự hiểu biết mà còn là nguồn động lực để bạn cải thiện thiết kế, code và văn hóa công ty, giúp công nghệ trở nên thân thiện hơn với mọi người.

Web Development Course: Learn the Skills to Build Modern Websites and Start Your Career

Nhờ sự phát triển của ứng dụng web và thương mại điện tử, kỹ năng lập trình web đã trở thành yếu tố then chốt để tìm việc cho sinh viên, nhân viên và doanh nhân. Khóa học hướng dẫn người học qua các bước tạo giao diện bằng HTML5 và CSS3, sau đó thêm tương tác động với JavaScript ES6 và giới thiệu các framework phổ biến như React hoặc Vue để xây dựng single‑page application. Sau khi hoàn thành, học viên có thể tự thiết kế, triển khai và duy trì các trang web hiện đại, từ trang portfolio đơn giản đến ứng dụng web đầy đủ chức năng, từ đó tăng cơ hội nhận được việc làm hoặc khởi nghiệp. Chương trình nhấn mạnh thực hành qua dự án thực tế và phản hồi ngay lập tức, giúp người học nhanh chóng chuyển từ lý thuyết sang kỹ năng thực thi, giảm thời gian chuẩn bị trước khi vào thị trường lao động. Do đó, nếu bạn đang cân nhắc đầu tư thời gian vào một lộ trình học có cấu trúc, khóa học này cung cấp một đường dẫn cụ thể để nắm vững những công cụ web cần thiết và bắt đầu sự nghiệp trong lĩnh vực này.

Khóa học này cung cấp kỹ năng thiết kế và phát triển website hiện đại, mở ra cơ hội nghề nghiệp hấp dẫn cho lập trình viên.

How to Build More Accessible Websites with WCAG 2.2

Một website trông hoàn hảo và hoạt động tốt với chuột vẫn có thể gây khó khăn cho người dùng nếu không tuân thủ tiêu chuẩn truy cập. Tiêu chuẩn WCAG 2.2 đưa ra hướng dẫn cụ thể để cải thiện khả năng truy cập, như tránh dùng màu sắc làm chỉ báo lỗi duy nhất hay đảm bảo header không che khuất nội dung quan trọng.

Lập trình viên nên đọc bài này để hiểu cách thiết kế website thân thiện với người dùng có khuyết tật, từ đó cải thiện trải nghiệm người dùng, tăng khả năng truy cập và tuân thủ tiêu chuẩn WCAG 2.2, giúp sản phẩm công nghệ trở nên công bằng và hiệu quả hơn.

The HTML dialog tag

Thẻ HTML <dialog> cung cấp giải pháp native cho modal truy cập được, với các tính năng như showModal, close, hỗ trợ form method, styling backdrop, vượt trội hơn so với modal dựa trên <div>.

Là người phát triển web, bạn nên đọc bài này để khám phá cách sử dụng HTML5 Dialog—một giải pháp chuẩn, thân thiện với người dùng và SEO hơn so với các modal bằng div, giúp cải thiện trải nghiệm tương tác và tuân thủ tiêu chuẩn web.

Metadata for AI Generated Outputs

Có thể gắn metadata vào nội dung do AI tạo ra để cảnh báo người dùng, ngăn chặn việc AI "tự ăn" dữ liệu của chính mình và gây ô nhiễm quá trình phát triển.

Lập trình viên nên đọc bài này để hiểu cách thiết kế thông tin metadata rõ ràng cho các mô hình AI, giúp bảo vệ uy tín của ứng dụng và tránh tình trạng AI "làm việc với chính nó" thông qua nội dung tái sử dụng không kiểm soát.

Creating a Progress Bar with Tailwind

TailwindCSS là công cụ mạnh mẽ để tạo các thành phần UI đơn giản. Bài hướng dẫn này tập trung vào việc tạo một progress bar sử dụng utility classes có sẵn của Tailwind. Nguyên nhân kỹ thuật nằm ở cách Tailwind sử dụng các utility classes thay vì các component CSS truyền thống, giúp giảm thiểu code cần viết. Hệ quả là bạn có thể tạo một progress bar chỉ với vài dòng HTML và không cần viết CSS custom. Điều đáng học là cách tiếp cận utility-first của Tailwind giúp tăng tốc độ phát triển và duy trì tính nhất quán trong design system.

Bài hướng dẫn này giúp bạn tạo thanh tiến trình một cách nhanh chóng và đơn giản với TailwindCSS.

Some thoughts on HTML's proposed previewsrc attribute

HTML đang nỗ lực chuẩn hóa các tính năng mà lập trình viên đã tự triển khai. Microsoft đề xuất thuộc tính previewsrc cho HTML để tạo một chuẩn duy nhất cho hình ảnh preview. Hiện có khoảng một tá phương pháp khác nhau để hiển thị ảnh preview trước khi tải đầy đủ. Thuộc tính previewsrc sẽ giải quyết vấn đề này bằng cách cung cấp một giải pháp chuẩn hóa cho trình duyệt. Lập trình viên nên theo dõi đề xuất này vì nó có thể đơn giản hóa việc triển khai tính năng preview trong các dự án web.

Bài viết này giúp lập trình viên hiểu rõ đề xuất previewsrc attribute trong HTML và tác động của nó đến tương lai phát triển web.

Chris’ Corner: Web Components

Dave Rupert has a new syntax highlighter: MicroLighter. He wrote about the why. There are a bunch of trade-offs with all the technologies that do this job. The trade-offs here seem pretty worth it for a relatively lightweight, infrequent syntax highlighting job. I mean 2 KB as a base library is pretty amazing, with the…

Blurry before beautiful: image previews for the web

Microsoft đề xuất thêm thuộc tính previewsrc vào thẻ HTML <img> để xử lý tự động mẫu tải hình ảnh preview mờ sang hình ảnh cuối cùng mà không cần custom JavaScript hay thư viện như blurhash. Giải pháp này sẽ tải cả preview và hình ảnh cuối cùng, ưu tiên hình ảnh cuối cùng nhưng hiển thị preview trước rồi tự động chuyển đổi. Đề xuất này giải quyết các vấn đề như yêu cầu mạng bổ sung, nguy cơ lạm dụng, so sánh với progressive JPEGs và tương thích với responsive images. Đây là một thay đổi thú vị giúp tối ưu trải nghiệm người dùng mà không cần phụ thuộc vào các framework hiện tại.

Bài đề xuất này giúp lập trình viên hiểu cách trình duyệt sẽ tự động xử lý hình ảnh mờ trước khi hiện hình ảnh chất lượng cao mà không cần thư viện bổ sung.

Periodic Table of HTML Elements

I'm Brad Frost, an independent creator, web designer & developer, teacher, speaker, writer, musician, and artist based in Pittsburgh, PA.

A decent custom checkbox pattern for until ::checkmark is ready

We're a while off from being able to leverage ::checkmark with checkbox styling, but here's a decent way to get the styling control you want, while preserving the useful parts of the native input element.

Week 2: Why Semantic HTML5 is the Backbone of Good Web Development

Week 2: Why Semantic HTML5 is the Backbone of Good Web Development When starting web development, HTML can sometimes be overlooked as simple markup. However, during Week 2 of my DevCareer scholarship …

Code Snacks – Master.dev Blog

Love these little animations (“code snacks”) from Lauren Basser that illustrate basic technological concepts. Check out the ones for Working Directory and Shadow DOM — not the easiest concepts to illustrate as simply as this!

It’s All About The Permissions Recovery – Master.dev Blog

Users who deny permissions can recover them by adjusting settings, although many may not realize this.

My HTML Boilerplate

Bài viết trình bày cấu trúc HTML boilerplate tổng quát tác giả sử dụng cho hầu hết các trang web. Template này tập trung vào markup cốt l loại bỏ mọi thành phần không cần thiết. Cấu trúc này được thiết kế để làm cơ sở linh hoạt cho việc phát triển các trang web riêng biệt. Nó giúp giảm thiểu code dư thừa trong khi vẫn đảm bảo đủ các yếu tố cần thiết cho một trang web hiện đại. Sử dụng boilerplate này giúp tăng tốc độ phát triển và duy trì tính nhất quán dự án.

Lập trình viên nên đọc bài này vì nó cung cấp một mẫu HTML tối giản và hiệu quả cho hầu hết dự án web.

Why Browser Games Are Still a Great Way to Play in 2026

Why Browser Games Are Still a Great Way to Play in 2026 Why Browser Games Are Still a Great Way to Play in 2026 Gaming has changed dramatically over the last decade. Games have become larger, more …

Issue #757: What's new in HTML for 2026 — Frontend Focus

Frontend Focus Issue #757: What's new in HTML for 2026

Support for `headers` Attribute

This post only covers the headers attribute in HTML tables (ARIA has no headers equivalent). My 2022 post Accessible Cart Tables? showed headers attribute support was poor. In my 2023 post Avoid Spanning Table Headers I didn’t use headers because I knew support was poor. For this post I merged…

Imperial Colors Manifesto

Bối cảnh là bài viết đưa ra một bản cách mạng hài hước kêu gọi lập trình viên từ bỏ mã màu hex để sử dụng các từ khóa CSS có sẵn. Nguyên nhân kỹ thuật được nêu ra là hệ thống 140 màu "đế chế" như CornSilk hay Azure đã được định nghĩa sẵn trong CSS. Hệ quả của cuộc "nổi dậy" này là mã nguồn sẽ dễ đọc hơn và giảm thiểu việc phải nhớ các giá trị hex phức tạp. Điều đáng học ở đây là bài viết minh họa cách tiếp cận sáng tạo để thảo luận về các vấn đề kỹ thuật thông qua sự hài hước và phong cách cách mạng.

Manifesto này mang đến góc hài hước độc đáo về cách lập trình viên tiếp cận mã màu trong CSS.

You Don't Need Initial-Scale In Your HTML

The viewport meta tag's initial-scale=1.0 attribute was originally needed to fix unwanted zoom behavior in older iOS and some other browsers, but modern browsers no longer have that problem. Developers targeting modern browsers can drop initial-scale=1.0 and just use width=device-width, saving 19 bytes per document, which the author argues adds up at web scale.