#HTML best practices
111 related articles
Tutorials·3 min
HTML dl Element Explained: Usage, Scenarios, and Best Practices
Deep dive into the HTML dl description list element: syntax, use cases, and SEO value. Learn proper usage of dl, dt, and dd for glossaries, metadata, FAQ pages, and more to improve semantic markup and accessibility.
Read more →
Tutorials·2 min
HTML Description List <dl> Element: 4 Things You Didn't Know & Best Practices
Deep dive into 4 little-known facts about the HTML <dl> element: multiple dd per dt, div wrapping rules, ARIA accessibility enhancements, and screen reader support status with best practice guidelines.
Read more →
·6 min
Separate Domains vs. Subdomains for Self-Hosted Services? A Deep Dive into Security Isolation Strategies
Deep dive into domain security architecture for self-hosted services: Should services with different exposure levels use separate domains or subdomains? Analysis of subdomain enumeration risks, defense in depth, and practical isolation strategies.
Read more →
·5 min
Loop Engineering Explained: The New Programming Paradigm Where AI Prompts Itself
Loop Engineering is a paradigm shift in AI usage. Learn how to build automated loops where agents explore, execute, and verify tasks autonomously, with a hands-on e-commerce case study.
Read more →
·2 min
Impeccable Open Source Project Deep Dive: A Design Language Framework That Gives AI a Designer's Eye
Deep dive into the trending open source project Impeccable — a design language framework that enables AI tools to generate professional-grade UI. Learn how it bridges the design quality gap in AI-generated interfaces.
Read more →
·4 min
Claude Code Tutorial: Environment Setup, Command Reference & Git Workflow in Practice
Complete guide to Claude Code covering CLI installation, domestic model switching, core commands, Git automation workflows, and automated code review and fix loops for enterprise projects.
Read more →
·3 min
Getting Started with Claude Code: A Practical Guide to Environment Setup and Git Workflow Automation
A systematic guide to Claude Code's core capabilities and environment setup, covering CLI installation, switching to domestic LLMs, project analysis, Git workflow automation, and automated bug fixing to help developers get started fast.
Read more →
·3 min
Getting Started with Claude Code: A Practical Guide to Environment Setup and Git Workflow Automation
A systematic guide to Claude Code's core capabilities and setup, covering CLI installation, switching to domestic models, project analysis, Git workflow automation, and automated bug fixing.
Read more →
·2 min
Claude Code From Zero to Production: Installation, Switching to Chinese LLMs, and Git Workflow Guide
A complete guide to Claude Code: Node.js setup, CLI install, switching to Chinese LLMs with CC Switch, core commands, and conversational Git workflows with automated bug fixing.
Read more →
·3 min
Multi-Agent AI Paper Writing System: A Full-Stack Breakdown of FastAPI + Vue3
A deep dive into an AI paper writing system built with FastAPI + Vue3, covering multi-agent collaboration, RAG, streaming output, and full academic workflow automation.
Read more →
Ego-lite: An Open-Source Browser Desig…
·3 min
Ego-lite: An Open-Source Browser Designed for Humans and AI Agents to Work in Parallel
ego-lite is an open-source AI-native browser by citrolabs that lets humans and AI Agents work in parallel in the same environment. Explore its design and value.
Read more →
·6 min
The Complete Codex Guide: From Beginner to Pro with the All-in-One AI Assistant
OpenAI Codex is more than a coding tool—it's an AI agent that writes code, makes slides, and operates browsers. This guide covers its four versions, permission modes, plugins, automation, and six best practices.
Read more →
·6 min
The Evolution of Claude Code: From Manual Review to 65% Fully-Automated PRs
Anthropic engineers reveal Claude Code's 18-month evolution: system prompt cut by 80%, 65% of PRs shipped automatically by AI, Claude Tag collaboration, and the safety logic behind auto mode.
Read more →
·7 min
Claude Code Practical Tutorial: A Complete Beginner's Guide to Automating Your Entire Workflow
No coding required! This guide breaks down the complete Claude workflow: custom Projects, batch SEO content, one-sentence tool building with Artifacts, and Claude Code terminal ops—with real traffic-growth cases.
Read more →
·3 min
Automating Chrome Extension Development with AI Coding Agents: Antigravity & DevTools MCP Complete Workflow
A complete workflow from Google I/O: use Antigravity, Modern Web Guidance, and Chrome DevTools MCP to build Chrome extensions automatically — from prompt to publish.
Read more →
·3 min
Modern Web Guidance: Helping AI Stop Writing Outdated Frontend Code
Chrome's Modern Web Guidance offers 100+ expert-reviewed guides to help AI Agents adopt modern web practices, fixing training data lag and legacy pattern recommendations with semantic search and Baseline compatibility checks.
Read more →
·4 min
WebMCP in Practice: A Complete Guide to Making Your Website AI Agent-Ready
A deep dive into the WebMCP proposal: how AI agents read websites, how to expose structured tools via imperative and declarative APIs, and how to audit agentic readiness with Lighthouse.
Read more →
·2 min
Chrome DevTools for Agents: The Closed-Loop Debugging Powerhouse for AI Coding Agents
Chrome DevTools for Agents, unveiled at Google I/O, gives AI coding agents a closed feedback loop with Lighthouse audits, user input simulation, and device emulation.
Read more →
·3 min
Modern Web Guidance: Getting AI to Generate Better Front-End Code
Google Developer Expert Raudy shares Modern Web Guidance at Google I/O Connect Berlin: a framework steering AI coding assistants to use native HTML/CSS over outdated JavaScript patterns.
Read more →
ui-skills: An AI Skills Library Built …
·4 min
ui-skills: An AI Skills Library Built for Design Engineers
ui-skills is an open-source AI Skills library for design engineers that helps AI generate higher-quality UI code. It quickly gained thousands of GitHub Stars.
Read more →