Unlocking the Power of HTML's Native Browser Dialog Element
Explains the HTML <dialog> element, its native focus trapping, modal/non-modal usage, and the ::backdrop pseudo-element.
Nick Taylor (nickytonline) is a Microsoft MVP, GitHub Star, and Developer Advocate with over 20 years in tech and a decade of open-source contributions. He shares practical insights through blogging, live streaming, and community-driven developer education.
170 articles from this blog
Explains the HTML <dialog> element, its native focus trapping, modal/non-modal usage, and the ::backdrop pseudo-element.
A software engineer's 2023 review, covering work on Netlify's frameworks team, layoffs, burnout, and a new role at OpenSauced.
A guide to migrating a React application's testing suite from Jest to Vitest, covering setup, configuration, and benefits.
Explains HTML data attributes and the dataset property for managing state in web development, with practical examples.
A technical article explaining how to use TypeScript's type inference to reduce explicit type annotations and improve code maintainability.
A guide to installing and using the GitHub CLI to boost productivity for project maintainers and contributors, covering login and key commands.
How to enforce accessibility props in a TypeScript React ToggleSwitch component, requiring either ariaLabel or ariaLabelledBy.
How maintainers can use GitHub Actions to automate issue management, contributor workflows, and other repository tasks.
A developer shares their excitement about joining the open source platform OpenSauced and contributing from day one.
Explains how to use GitHub's CODEOWNERS file to automate reviewer assignments and enforce branch protection rules for repository maintenance.
A step-by-step guide on setting up Firefox and using its developer tools to debug a browser extension you are building.
Todd Libby discusses deceptive design patterns and the FAST framework for creating accessible digital experiences.
Announcing a live stream with a typescript-eslint maintainer to build custom ESLint rules and answer questions about ESLint for JavaScript/TypeScript.
Expert advice for developers to enhance their portfolio websites with automation, testing, accessibility, and custom domains.
A developer shares their favorite online tech communities for connection, learning, and contributing, including Virtual Coffee, OpenSauced, and dev.to.
A developer shares their experience moving from Twitter to Mastodon, discusses the tech community exodus, and provides helpful resources for newcomers.
Developer creates an open-source web app to help users easily export their Revue newsletter issues using the Revue API before the service shuts down.
Twitter is phasing out its Revue newsletter platform, prompting users to migrate their subscribers to alternative services.
A guide to automating pull request creation and auto-merging for content updates using GitHub Actions and the GitHub CLI.
An interview about The Collab Lab, a program providing real-world team collaboration experience for early-career and underrepresented web developers.