跳到正文
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 个技能6 个仓库 7.5万

技能(467)

在搜索中筛选

pdf-size

免费

Audit PDFs linked from a website by checking file sizes and response headers, the information returned by the server. Flag large downloads for compression review and suggest HTML versions when the content needs a searchable web page.

中文简介正在准备中。当前显示英语简介。

  • Auditing report and white paper download links
  • Reviewing large PDFs for compression
  • Considering HTML versions of PDF content
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Audit paginated archives, product lists, and search results. Check canonical tags, which identify each page’s preferred URL, and verify consistent pagination links so search crawlers can reach later pages, including content behind infinite scroll.

中文简介正在准备中。当前显示英语简介。

  • Review canonical tags on blog archive pages
  • Check pagination URLs in product lists
  • Verify crawlable links for infinite scroll
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Evaluate whether tests catch defects in business logic, calculations, or state machines. Using Stryker, the skill introduces small code changes, reviews which changes escape detection, and helps strengthen tests where important behavior is insufficiently checked.

中文简介正在准备中。当前显示英语简介。

  • Checking test quality beyond code coverage
  • Introducing Stryker for a single module
  • Strengthening tests for critical calculations
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Audit web pages for excessive keyword repetition in body text, titles, metadata, and image descriptions. Report frequent terms and their density, identify hidden keyword text, and help rewrite repetitive passages into natural language focused on readers.

中文简介正在准备中。当前显示英语简介。

  • Checking articles for excessive keyword repetition
  • Editing repetitive AI-generated content
  • Reviewing titles, meta descriptions, and image alt text
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Find and fix JavaScript memory leaks that accumulate as people use a web app. Review event listeners, timers, retained page elements, and outdated asynchronous tasks, then explain how to verify cleanup in the browser.

中文简介正在准备中。当前显示英语简介。

  • Investigating rising memory use during long sessions
  • Reviewing cleanup when components are removed
  • Canceling outdated requests after view changes
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review website navigation markup so screen reader users can identify and jump between navigation areas. Check nav elements, descriptive labels, and skip links, then pinpoint issues in the HTML delivered to the browser.

中文简介正在准备中。当前显示英语简介。

  • Reviewing accessibility of main and footer navigation
  • Adding distinct labels to multiple navigation areas
  • Checking navigation markup from shared components
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Audit informational pages so AI assistants can extract and understand their content. Review headings, HTML structure, content availability without JavaScript, and structured data, then suggest changes that make individual sections clearer when read on their own.

中文简介正在准备中。当前显示英语简介。

  • Review pages intended for AI-generated answers
  • Make headings and sections understandable on their own
  • Check whether key content is available without JavaScript
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check HTML for meta refresh redirects that can interrupt reading and confuse users. Suggest server-side redirects or clear links users choose themselves, with guidance for checking the resulting behavior using accessibility tools or assistive technology.

中文简介正在准备中。当前显示英语简介。

  • Finding automatic redirects in HTML
  • Replacing meta refresh with server-side redirects
  • Reviewing page transitions for screen reader users
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review page source, browser JavaScript, and Git history for exposed API keys, passwords, and tokens. Identify potential leaks and guide fixes, including moving secrets to the server, replacing compromised credentials, and adding checks before commits.

中文简介正在准备中。当前显示英语简介。

  • Checking browser code for exposed API keys
  • Finding credentials committed to Git
  • Moving secret-dependent API calls to the server
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

mime-type

免费

Review HTTP Content-Type headers, which identify file formats, across web pages and static assets. Find mismatches that can block stylesheets or scripts, and identify server configuration changes needed to serve resources correctly.

中文简介正在准备中。当前显示英语简介。

  • Investigating stylesheets or scripts that fail to load
  • Auditing server settings for static assets
  • Checking character encoding and nosniff headers
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Find resources loaded over unencrypted HTTP within HTTPS pages, a problem called mixed content. Review resource URLs and security headers, then guide HTTPS replacements and automatic request upgrades to address blocked or insecure resources.

中文简介正在准备中。当前显示英语简介。

  • Auditing HTTP resources on HTTPS pages
  • Checking resource URLs after an HTTPS migration
  • Fixing old content with embedded HTTP URLs
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Compare button and link text with accessible names, the names assistive technology uses for controls. Identify mismatches and suggest ARIA label changes so people using voice control can refer to the words they see.

中文简介正在准备中。当前显示英语简介。

  • Comparing visible button text with accessible names
  • Reviewing links that are hard to activate by voice
  • Checking label fixes with accessibility tools
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Find TypeScript values that bypass type checking through any, including inferred types and assertions. Suggest unknown, generics that preserve type relationships, or Zod validation for external data, with the checks needed where each value is used.

中文简介正在准备中。当前显示英语简介。

  • Addressing ESLint warnings about explicit any
  • Reviewing type safety around external API data
  • Checking functions that pass any to their callers
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review and implement loading feedback for operations such as fetching content or submitting actions. Use skeleton placeholders, spinners, and accessible status updates to communicate progress, while checking for layout shifts and measuring actual performance bottlenecks.

中文简介正在准备中。当前显示英语简介。

  • Adding loading feedback during data fetching
  • Showing progress while an action is running
  • Checking screen reader announcements for loading states
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review a page to ensure it has exactly one main landmark, the region identifying its primary content. Find missing or duplicate main regions and get corrections that give assistive technology users a clear navigation target.

中文简介正在准备中。当前显示英语简介。

  • Checking the main region in a page template
  • Fixing duplicate main regions in combined layouts
  • Reviewing navigation to primary content with a screen reader
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

lowercase

免费

Audit URL capitalization and help standardize paths to lowercase. Review routes, internal links, and sitemaps, then check that uppercase variants permanently redirect to the lowercase address to reduce duplicate page URLs.

中文简介正在准备中。当前显示英语简介。

  • Auditing uppercase letters in URL paths
  • Planning lowercase URL handling for a new site
  • Verifying 301 redirects for mixed-case URLs
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Audit and write page titles for search results and browser tabs. Check that each page has one descriptive title, an appropriate length, a unique wording across the site, and its main keyword near the beginning.

中文简介正在准备中。当前显示英语简介。

  • Auditing title tags before publishing pages
  • Finding duplicate titles across a site
  • Writing titles around a main keyword
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Scan links within the same domain for the nofollow attribute, a setting used to qualify links for search engines. List affected pages, link text, and destinations, then guide removal or changes based on the intended purpose.

中文简介正在准备中。当前显示英语简介。

  • Auditing nofollow attributes on internal links
  • Reviewing links in navigation, headers, and footers
  • Finding nofollow applied broadly by templates
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review HTML lists for incorrect child elements and nesting, then identify fixes that help screen readers, tools that read page content aloud, announce item counts and positions accurately.

中文简介正在准备中。当前显示英语简介。

  • Reviewing HTML list structure
  • Fixing nested lists
  • Checking screen reader announcements
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Create and audit meta descriptions, the short page summaries used in search results. Find missing, duplicate, or unsuitable descriptions and write distinct summaries that accurately explain each page’s content and value.

中文简介正在准备中。当前显示英语简介。

  • Writing descriptions for new pages
  • Finding missing or duplicate descriptions
  • Reviewing description length and HTML markup
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check the HTML delivered to browsers for broken internal, external, anchor, and email links. Locate errors and unintended redirects, suggest URL updates or replacements, and help introduce automated checks and ongoing monitoring.

中文简介正在准备中。当前显示英语简介。

  • Checking links on documentation or e-commerce sites
  • Reviewing links produced by shared components
  • Adding automated link checks to CI/CD
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review images, icons, and illustrations for cultural meanings that may confuse international audiences. Suggest neutral alternatives or locale-based replacements with a shared default, and flag embedded text and other visuals that need localization review.

中文简介正在准备中。当前显示英语简介。

  • Reviewing images for an international launch
  • Checking gestures and culturally specific symbols
  • Switching images by language or region
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

listitem

免费

Review HTML list structure so screen readers can identify lists and announce item counts. Find list items without valid containers, check custom accessibility roles, and guide fixes to markup used for navigation or styling.

中文简介正在准备中。当前显示英语简介。

  • Review list markup split across components
  • Fix navigation lists with invalid nesting
  • Check parent roles for custom lists
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check whether images visible when a page first opens are unnecessarily lazy loaded, meaning their loading is deferred. Verify rendering delays with performance measurements, then guide changes to loading attributes and request priority.

中文简介正在准备中。当前显示英语简介。

  • Review loading settings for hero images
  • Investigate image loading delays affecting LCP
  • Adjust loading attributes for images in the initial viewport
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

这是你的账号吗?关联 GitHub 后可以汇总到你的创作者页面(日语)