yoshiki kato's repositories
tailwindcss-animation-delay
Tailwind CSS plugin, add animation-delay CSS property
burnworks-guidelines
Burnworks Inc. web development guideline.
ga-cookie-opt-in-js
Cookie 使用の同意を得てから Google Analytics のトラッキングを有効にする JavaScript のサンプル
static-tweets-to-next-app
https://codesandbox.io/s/static-tweets-to-next-app-j6wc2
dmarc-to-html-converter
Convert DMARC report files from XML to human-readable HTML formats.
a11y-test-assist-bookmarklets
Collection of bookmarklets to assist with accessibility testing.
accessible-form-sample-with-next-js-formik
Creating accessible contact form sample using Next.js and Formik
axe-auto-reporter
Automated accessibility testing script using @axe-core/puppeteer, outputting results as HTML.
ga-cookie-opt-in-js-v2
Cookie 使用の同意を得てから Google Analytics のトラッキングを有効にする JavaScript
json-to-sns-cross-post-js
Script for cross-posting to social networks like X (Twitter), Bluesky, and Mastodon from JSON data.
tailwindcss-dark-mode-switch
Dark Mode/Light Mode switcher with Tailwind CSS
Tweet-Text-Fragment-Link-Bookmarklet
Bookmarklet for making selected text "Text Fragments" and posting a link to Twitter.
weko-ui-components
Weko3 UI Components
details-accordion-ui-sample
Samples of Accordion UI Using the HTML Details Element
accessibility-bad-example
Collection of Implementations with Web Accessibility Issues.
astrojs-mt-data-api-blog-sample
Creating jamstack blog sample using Astro.js and Movable Type Data API
astrojs-mt-data-api-pagination-sample
Implementing Pagination Using Astro and the Movable Type Data API.
burnworks-pa11y-dashboard
Pa11y Dashboard Japanese translation and customized version. Pa11y Dashboard is a visual web interface to the Pa11y accessibility reporter.
chatbot-ui
The open-source AI chat app for everyone.
focus-within-ie11-polyfill
:focus-within Pseudo-Class Polyfill for IE11
gulpfile-sample-for-web-development
gulpfile.js sample for web designer
html-popover-sample
HTML popover attribute example.
html-switch-control-sample
HTML <input type=checkbox switch> example
HTML_CodeSniffer
(Japanese translation build by @burnworks) HTML_CodeSniffer is a client-side JavaScript application that checks a HTML document or source code, and detects violations of a defined coding standard. Comes with standards that cover the three conformance levels of the W3C's Web Content Accessibility Guidelines (WCAG) 2.0 and the U.S. Section 508 legislation.
keen-slider-code-examples
Keen-Slider code examples
next-claude-chat-ui
Claude AI Chat UI using Vercel AI SDK.
nextjs-mt-data-api-ssg-blog-sample
Creating jamstack blog sample using Next.js and Movable Type Data API
tailwindcss-text-autospace
Tailwind CSS plugin, add text-autospace CSS property.