Nathan Knowler

dotfiles. Personal dotfiles for macOS and Manjaro.

react-router-wordpress-admin-plugin-demo. A React Router in WordPress admin proof of concept plugin

sage-prep. Shell

tailwindcss-wordpress. Tailwind CSS plugins for WordPress generated classes.

knowler.dev. My personal website.

html-. [WIP] A forward thinking custom elements library that you probably should not use.

sage-gutenberg-acf-tailwind-example. An example implementation of an ACF-based Gutenberg block builder with Sage 10 (pre-alpha).

break-on-element. A custom element that is a declarative MutationObserver for debugging. Instead of opening your developer tools to set these breakpoints wrap the element in the <break-on> custom element.

typescale. A simple modular typescale utility.

responsive-classnames. A responsive class name creator for your responsive props

log-form-element. A custom element that will log a form’s submissions to the console.

trellis. 👇 knowler's Trellis fork: checkout Laravel and Keybase branches for examples on how to config for either.

a11y-grid-component-experiment. Experimenting with the ARIA grid role [work in progress]

system-prop-sets. Extended sets of props for use with Styled System.

public-mobile-usage. Logs voice and data usage from Public Mobile plan

custom-element-lifecycle-element. A custom element for learning about the lifecycle of custom elements

awesome-uses. A list of /uses pages detailing developer setups, gear, software and configs.

ignore-whitespace-changes-for-reviews. A browser extension that always ignores whitespace changes in GitHub code reviews.

11ty-custom-element-esm-importmap-workflow. JavaScript

audio-elements. Experimental Web Components using the Web Audio API.

words. A blog of sorts.

dsgn. My personal boilerplate for designing in the browser. ⚠ Work in progess.

mulch. JavaScript

astroturf-webpack-example. JavaScript

11ty-hidden. Scaffolding for a quick 11ty site that stays out of the way. Designed for use with Eleventy installed globally.

wp-capsule. Laravel's Illuminate Capsule configured for WordPress.

preact-styled-system-example. An example demonstrating Preact X (Compat) + Styled System (css/babel-plugin).

hidden-until-found-polyfill. A work in progress polyfill for the `hidden=until-found` HTML feature

testing-deno-deploy-and-fresh. TypeScript

knowler.dev-deno-deploy. JavaScript

html.example. A local website for referencing real HTML

thyme. A theme built with Sage for fun. Generally will be rebased on top of Sage main branch.

drag-and-drop-playground. JavaScript

awesome-standalones. A curated list of awesome framework-agnostic standalone web components

design-mode-element. Work in progress. A custom element that switches on Design Mode and allows you to save the changes to your filesystem.

enhance.dev. Docs website for Enhance!

personalsit.es. 📇 A little directory of people's personal sites

bookshelf. A little app to track my reading.

history-1. Manage session history with JavaScript

run-action-after-template-used. An experimental template repo that runs an action after it is cloned to update values throughout the repo based on its name.

web-components-open-styling.

restart-animations-element. A custom element for restarting animations on the page or for another element.

react-a11y-footnotes. A reusable React implementation of accessible footnotes.

documentation. 📋 Official documentation

shadowDOM.style. HTML

elk. A nimble Mastodon web client

remix. Build Better Websites. Create modern, resilient user experiences with web fundamentals.

redo. Redo is the ultimate tool to create aliases from your history in an interactive way

bud-empty-build-repro. JavaScript

testing-citation-files.

alpinejs-exercises. Discovering patterns for common web techniques with Alpine.js

twoslash. You take some Shiki, add a hint of TypeScript compiler, and 🎉 incredible static code samples

eleventy-zettelkasten-example.

react-xdm-ssg-no-clientside. React as a templating language with MDX for content, but no clientside JS. WIP

gh-actions-testzone.