--- title: Front-End Checklist – Master.dev Blog | daily.dev description: A long-running Front-End Checklist project by David Dias has been updated after about a year, offering reminders on front-end best practices like print... canonical: https://daily.dev/posts/front-end-checklist-master-dev-blog-wz9rayyuj twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Front-End Checklist – Master.dev Blog | daily.dev og:description: A long-running Front-End Checklist project by David Dias has been updated after about a year, offering reminders on front-end best practices like print... og:url: https://daily.dev/posts/front-end-checklist-master-dev-blog-wz9rayyuj og:image: https://api.daily.dev/og/posts/WZ9rAYyUj.png og:image:alt: Front-End Checklist – Master.dev Blog og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Front-End Checklist – Master.dev Blog **[Frontend Masters](https://daily.dev/sources/frontendmasters)** · 2 min read · 26 upvotes · 0 comments ## Summary A long-running Front-End Checklist project by David Dias has been updated after about a year, offering reminders on front-end best practices like print stylesheets, lazy loading hero images correctly, and respecting reduced motion preferences. The latest version adds AI integration, including a skill and MCP server so coding agents can check sites against the checklist. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### What is the Front-End Checklist and what does it cover? It is a long-running project by David Dias covering practical front-end best practices often forgotten during development, such as whether a print stylesheet exists, whether the hero image is preloaded instead of lazy loaded, and whether reduced motion preferences are respected. The latest version, updated a little over a year after the prior one, adds a skill and an MCP server so AI coding agents can check a site against this advice. _Developers building audit habits into their workflow can track tools like this checklist on daily.dev._ ## Similar posts on daily.dev - [Web Development Checklist in 2026: From First Idea to Live Site](https://daily.dev/posts/web-development-checklist-in-2026-from-first-idea-to-live-site-wzauwh9jb) · Netguru · 0 upvotes · 0 comments - [Some Blog Posts I’d Like to Read – Frontend Masters Blog](https://daily.dev/posts/some-blog-posts-i-d-like-to-read-frontend-masters-blog-amahhlbr0) · Frontend Masters · 1 upvotes · 0 comments - [10 anti-AI slop moves for frontend projects going faster than humans can review—Martian Chronicles, Evil Martians’ team blog](https://daily.dev/posts/10-anti-ai-slop-moves-for-frontend-projects-going-faster-than-humans-can-review-martian-chronicles--70jbo6jvx) · Martian Chronicles · 24 upvotes · 5 comments - [Issue \#758: When CSS could run JavaScript — Frontend Focus](https://daily.dev/posts/issue-758-when-css-could-run-javascript-frontend-focus-wdmfmtcwj) · Frontend Focus · 2 upvotes · 0 comments - [Modern Web Guidance – Master.dev Blog](https://daily.dev/posts/modern-web-guidance-master-dev-blog-gcz6rkqln) · Frontend Masters · 32 upvotes · 1 comments --- Tags: [#performance](https://daily.dev/tags/performance), [#frontend](https://daily.dev/tags/frontend), [#ai-coding](https://daily.dev/tags/ai-coding), [#mcp](https://daily.dev/tags/mcp), [#accessibility](https://daily.dev/tags/accessibility) [View this post on daily.dev](https://daily.dev/posts/front-end-checklist-master-dev-blog-wz9rayyuj) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Front-End Checklist – Master.dev Blog","url":"https://daily.dev/posts/front-end-checklist-master-dev-blog-wz9rayyuj","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/front-end-checklist-master-dev-blog-wz9rayyuj"},"datePublished":"2026-10-01T14:25:55.257Z","dateModified":"2026-10-01T14:26:12.732Z","description":"A long-running Front-End Checklist project by David Dias has been updated after about a year, offering reminders on front-end best practices like print...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d77f39a51d10f7a1d0bb5d9518c8c555?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/d77f39a51d10f7a1d0bb5d9518c8c555?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Frontend Masters","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Frontend Masters","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/d34dd87208f24090bfb0917307fcf89f","url":"https://daily.dev/sources/frontendmasters"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/front-end-checklist-master-dev-blog-wz9rayyuj","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":26},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"performance,frontend,ai-coding,mcp,accessibility","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Frontend Masters","item":"https://daily.dev/sources/frontendmasters"},{"@type":"ListItem","position":3,"name":"Front-End Checklist – Master.dev Blog"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/front-end-checklist-master-dev-blog-wz9rayyuj#faq","mainEntity":[{"@type":"Question","name":"What is the Front-End Checklist and what does it cover?","acceptedAnswer":{"@type":"Answer","text":"It is a long-running project by David Dias covering practical front-end best practices often forgotten during development, such as whether a print stylesheet exists, whether the hero image is preloaded instead of lazy loaded, and whether reduced motion preferences are respected. The latest version, updated a little over a year after the prior one, adds a skill and an MCP server so AI coding agents can check a site against this advice. Developers building audit habits into their workflow can track tools like this checklist on daily.dev."}}]} ```