Skip to content
cccskills

David Dias

@thedaviddias

Staff Front-End Engineer | Front-End Architecture, Design Systems & Accessibility | Creator of the Front-End Checklist (74K+ ⭐) and serving 100K+ devs

467 skills6 repositories 75.2K

Repositories

Skills (467)

Refine in search

quality

FreeSummary

Review blog posts, product descriptions, and landing pages for SEO content quality. Check whether they answer readers' search needs, support claims with evidence, show relevant authorship, and offer specific details, then identify areas to rewrite or expand.

  • Reviewing blog posts for SEO content quality
  • Expanding thin product descriptions
  • Checking whether landing pages answer search needs
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Audit XML sitemaps for URLs marked noindex, an instruction to exclude pages from search results, and for unsuccessful responses. Identify conflicting entries and recommend removing either the sitemap entry or the noindex instruction according to the page’s intended visibility.

  • Auditing noindex URLs in an XML sitemap
  • Investigating why pages are excluded from search results
  • Removing pages intended to stay out of search from sitemaps
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

preconnect

FreeSummary

Review early connections to third-party services such as fonts and APIs. Use loading measurements to identify essential domains, recommend preconnect hints that prepare connections in advance, and remove unnecessary hints that add overhead.

  • Investigating connection delays for external fonts and APIs
  • Reviewing preconnect hints in the page head
  • Removing unnecessary early connections
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

pluralization

FreeSummary

Review messages that display counts and check whether each target language gets the correct plural form. Replace simple number-and-text joins or singular/plural branches with Intl.PluralRules or ICU MessageFormat, which select wording according to language-specific rules.

  • Reviewing count messages in multilingual interfaces
  • Adding plural forms for Arabic or Russian
  • Checking translation files and i18n settings
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

reduced-motion

FreeSummary

Review website animations against users’ reduced motion preferences, a setting that requests less movement. Check flashing content, scrolling effects, alternative transitions, pause controls, and advance warnings, and identify changes needed in rendered pages and interactive states.

  • Checking support for reduced motion settings
  • Reviewing flashing content frequency
  • Finding alternatives to scrolling effects
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

og-url-match

FreeSummary

Audit a page’s social sharing URL against its canonical URL, the preferred page address. Identify differences in domains, paths, or tracking parameters, and align the tags to address split share counts.

  • Investigating unexpectedly low social share counts
  • Checking Open Graph tags before publication
  • Reviewing tracking parameters and URL variations
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

parallax-effects

FreeSummary

Review parallax effects, where backgrounds and foregrounds move at different speeds. Check reduced-motion support and access to essential content, then suggest static alternatives and an optional site-wide control for disabling motion.

  • Reviewing parallax effects on a website
  • Checking support for reduced-motion preferences
  • Providing static versions of animated content
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

physical-address

FreeSummary

Audit business addresses on contact pages and footers for completeness and clear HTML markup. Compare visible details with structured data, which describes the business to search engines, and Google Business Profile to identify inconsistencies.

  • Checking address details on a local business website
  • Reviewing address placement on an e-commerce site
  • Comparing visible addresses with structured data
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

render-blocking

FreeSummary

Find CSS and JavaScript that delay a page’s first visible content. Confirm the bottleneck with browser tools or performance data, then adjust loading behavior and inline essential styles to help the page start rendering sooner.

  • Investigating a blank screen during page loading
  • Reviewing CSS and JavaScript loading behavior
  • Inlining styles needed for the initial display
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

product

FreeSummary

Add or review Product structured data, machine-readable product details, on shop pages. Check names, images, prices, availability, and ratings against visible content, then validate the markup for eligibility to show enhanced Google search results.

  • Add Product JSON-LD to product pages
  • Check structured prices against displayed prices
  • Review availability and rating fields
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

orphan-pages

FreeSummary

Find important pages that receive no links from elsewhere on the site. Compare crawl results with sitemaps and indexed pages, then suggest relevant existing pages where descriptive internal links could help connect the content.

  • Audit internal links across a site
  • Investigate pages with low organic search traffic
  • Find relevant pages to link to isolated content
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

offline-fallback

FreeSummary

Create a custom offline page and configure a service worker, a browser background script, to cache it in advance. Show it when page navigation fails, and review resource dependencies and fallback conditions.

  • Add an offline page to a PWA
  • Guide users during connection loss
  • Review offline page caching
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

referrer-policy

FreeSummary

Review Referrer-Policy settings to limit sensitive URL details shared when visitors follow external links. Check response headers and pages containing private parameters, suggest suitable policy values, and explain how to verify the resulting browser behavior.

  • Checking privacy settings on password reset pages
  • Reviewing server and CDN response headers
  • Comparing policies for pages with sensitive URLs
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

right-to-erasure

FreeSummary

Audit account settings, privacy pages, and API routes for a complete data deletion flow. Check browser storage cleanup, server deletion requests, and user confirmation, then identify missing pieces and guide implementation.

  • Audit account deletion flows
  • Check browser storage cleanup
  • Review server deletion requests
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

plain-language

FreeSummary

Review website text and interface instructions for jargon, complex sentences, and unclear actions. Simplify wording, explain technical terms, and adjust reading difficulty so the intended audience can understand content and follow instructions.

  • Simplifying website instructions
  • Explaining technical terms for general readers
  • Reviewing interface text for accessibility
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

review

FreeSummary

Check and add structured data that describes user reviews and average ratings on product or service pages. Verify required fields against real reviews and validate the markup for star-rating search results.

  • Audit review markup on product pages
  • Add average ratings from genuine user reviews
  • Validate eligibility for star-rating search results
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

responsive-units

FreeSummary

Review fixed pixel values in fonts, widths, and spacing, then suggest relative units that adapt to available space and browser font preferences. Check rendered layouts at different screen widths and during interactions before proposing changes.

  • Adapting text to browser font size preferences
  • Replacing fixed widths with flexible layouts
  • Reviewing spacing units within components
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

redirect-chains

FreeSummary

Audit internal links after URL migrations, domain changes, or site rebuilds. Trace redirects, record source pages and final destinations, and guide link updates so visitors and search crawlers reach the destination without extra redirect requests.

  • Update internal links after a URL migration
  • Audit links after a domain change
  • Find redirect chains after a site rebuild
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

reading-level

FreeSummary

Review blog posts, landing pages, and guides for readability. Estimate reading difficulty, identify long sentences and jargon, and simplify wording and paragraph structure so broad audiences can follow the content more easily.

  • Checking a blog post for readability
  • Simplifying landing page copy
  • Rewriting jargon in a how-to guide
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

parameters

FreeSummary

Review URL parameters used for filters, sorting, pagination, and tracking. Check canonical tags, which identify a preferred page URL, and recommend consistent handling of URL variants to address duplicate content and unnecessary search engine crawling.

  • Reviewing filtered and sorted product URLs
  • Removing tracking parameters from canonical URLs
  • Investigating crawlable URL combinations
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

picture-element

FreeSummary

Review picture elements that select images by format or display conditions. Check fallback images, alternative text, dimensions, and source ordering, then provide corrected HTML with JPEG or PNG fallbacks for browsers that cannot use the selected formats.

  • Checking fallback images for AVIF or WebP delivery
  • Reviewing picture element order and attributes
  • Fixing image markup with missing descriptions or dimensions
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

nosnippet

FreeSummary

Audit important pages for settings that hide descriptions in Google search results. Check robots meta tags and response headers, report affected URLs, and adjust snippet controls after confirming whether the restriction is intentional.

  • Investigating missing descriptions in search results
  • Auditing snippet settings on key landing pages
  • Reviewing robots tags and response headers
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Set and review limits for bundled file size and page performance so CI, automated checks on code changes, can catch regressions. Check enforcement on pull requests and review production monitoring for slowdowns after release.

  • Reviewing performance limits in CI configuration
  • Checking pull requests that add dependencies or assets
  • Setting limits for file size and page performance
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

page-weight

FreeSummary

Measure the total size of a web page and its resources, identify what slows loading, and reduce unnecessary weight. Use a 1500KB limit to guide image optimization, code compression, and removal of unused resources.

  • Investigating slow page loads on mobile networks
  • Checking total page size against a size budget
  • Reducing heavy images and JavaScript files
thedaviddias/Front-End-Checklist74.5KUpdated Oct 6, 2026

Is this your account? Link GitHub to bring it onto your creator page (Japanese)