Joined Bluesky
I joined Bluesky and deactivated Twitter beause fuck that
Scott Nath
Scott Nath is a senior web developer and actor living in New York State with extensive experience creating full-stack apps and design systems.
Latest posts
How to Add Declarative Shadow DOM to a LitElement Web Component
Converting a LitElement web component to allow Server Side Rendering using Declarative Shadow DOM
How about a JSON Resume web component with configurable microdata?
Introduction to the jsonresume-component module, a web component to display your JSON Resume documented with microdata
Make your resume SEO friendly using JSON Resume with microdata
How to generate your resume with schema.org vocabulary HTML markup using JSON Resume
I turned off AI bot crawlers
Years of private corporations stealing data has turned me off to giving their AI tools content to help replace me
How to Boost SEO by Enhancing HTML with Microdata
Boost SEO with microdata in HTML. Gain better visibility, higher click-through rates, and improved indexing. Includes code examples and schema output.
Storybook setup: Virtual Screen Reader in Web Components
How to set up Storybook to test shadowroot elements in web components using shadow-dom-testing-library and Guidepup's Virtual Screen Reader.
Simple setup: Virtual Screen Reader in Storybook
How to set up Storybook with Guidepup's Virtual Screen Reader and test what the screen reader speaks
Profile Components: SSR with Declarative Shadow DOM
Enhancing Profile Components with Declarative Shadow DOM and showing examples for Server Side Rendering
Who Me: Notes on creating a custom Chat GPT
Some notes on creating a custom Chat GPT that can consistently generate specific styles of characters using Dall-E
DEV Profile Web Components: embed your dev.to profile anywhere
Learn about native web components that showcase DEV profiles and posts.
GitHub Profile Components as Native Web Components
Discover native web components that showcase GitHub profiles and repositories within the profile-components library.
Profile Components: display social profiles in native web components
Profile-components are a set of web components with zero dependencies that display publicly-available profile information from various social networks. Currently two: GitHub and dev.to.
Sharing UI Tests Between Javascript Frameworks
How to share testing-library UI tests between Javascript frameworks with the same or similar components and use them in Storybook and unit testing.
Sharing Interaction Tests Between Vitest and Storybook
How to use the same testing-library UI tests for Storybook Interaction testing and Vitest, Vite's native test runner.
Deploying a multi-framework composition Storybook to GitHub Pages
How to deploy multiple Storybooks to one repo's GitHub Pages site and use them in a multi-framework composition Storybook
Running a local multi-framework composition Storybook
How to run a local multi-framework composition Storybook instance with one command
Bugfix: Multiple Vite Storybooks from Same node_modules
Resolving errors that occur when attempting to run multiple instances of Vite-builder Storybooks in the same package.
Sharing Interaction Tests Between Components
How to share testing-library UI tests between child and parent components
Reusable Storybook Interaction Tests
Learn about a working concept for writing reusable tests which can be shared within and between components to reduce your testing footprint while increasing coverage
StoryDocker: Storybook, but it's a microservice
StoryDocker is an open-source tool which allows local Storybook development without dependencies by leveraging docker containers