Browse
Web Development
-
Web Accessibility Basics: What WCAG Asks For
A plain-language walk through what WCAG 2.2 asks of web pages, based on W3C guidance.
-
Semantic HTML: Elements That Describe Their Content
Semantic HTML explained: why elements should describe content, how header, nav, main and footer map to landmarks, and a checklist…
-
WebP, AVIF, PNG or JPEG: Choosing Image Formats for the Web
WebP, AVIF, PNG, JPEG, GIF and SVG compared: what each image format suits, how to serve fallbacks with picture, and…
-
HTML Input Types and When to Use Each One
HTML input types: how email, number, date, tel and other types change keyboards, validation and pickers, and when to use…
-
Front-End Web Development: HTML, CSS and JavaScript Basics
A guide to front-end web development: what HTML, CSS and JavaScript each do, plus accessibility, testing, performance and a learning…
-
Media Queries: Syntax, Breakpoints and Common Patterns
Syntax, breakpoints and everyday patterns for CSS media queries, with guidance from MDN and web.dev.
-
Flexbox or Grid: Picking the Right CSS Layout Tool
Flexbox vs grid explained: one-dimensional versus two-dimensional layout, content-out versus layout-in, and how to combine them.
-
Cross-Browser Testing: Tools and a Practical Checklist
What to test, which browsers to support, and which tools help, based on MDN and web.dev guidance.
-
Core Web Vitals: LCP, INP and CLS Explained
Core Web Vitals explained: what LCP, INP and CLS measure, the good thresholds, common causes of failure and how to…