Skip to content

Instantly share code, notes, and snippets.

View mblode's full-sized avatar

Matthew Blode mblode

253 followers · 61 following
View GitHub Profile
@mblode
mblode / SketchSystems.spec
Created June 20, 2023 02:51
Menu Page*
Menu Page*
Menu Category* -> Menu Sections Page
Find Items -> Search Items Page
Menu Sections Page
Back Button -> Menu Page
Menu Section -> Menu Items Page
Find Items -> Search Items Page
Menu Items Page
@mblode
mblode / SketchSystems.spec
Created June 20, 2023 02:52
Menu Page*
Menu Page*
Menu Category* -> Menu Sections Page
Find Items -> Search Items Page
Menu Sections Page
Back Button -> Menu Page
Menu Section -> Menu Items Page
Find Items -> Search Items Page
Menu Items Page
@mblode
mblode / SketchSystems.spec
Last active June 20, 2023 02:53
Menu Page*
Menu Page*
Menu Category* -> Menu Sections Page
Find Items -> Search Items Page
Menu Sections Page
Back Button -> Menu Page
Menu Section -> Menu Items Page
Find Items -> Search Items Page
Menu Items Page
@mblode
mblode / SketchSystems.spec
Last active June 20, 2023 02:58
Menu Page*
Menu Page*
Menu Category* -> Menu Sections Page
Find Items -> Search Items Page
Menu Sections Page
Back Button -> Menu Page
Menu Section -> Menu Items Page
Find Items -> Search Items Page
Menu Items Page
@mblode
mblode / SketchSystems.spec
Created June 20, 2023 02:59
Menu Page*
Menu Page*
Menu Category* -> Menu Sections Page
Find Items -> Search Items Page
Menu Sections Page
Back Button -> Menu Page
Menu Section -> Menu Items Page
Find Items -> Search Items Page
Menu Items Page
@mblode
mblode / gist:c41f38c1ffb554ddadbd62badbf3740d
Created January 9, 2026 01:07
ANIMATION-GUIDELINES.md
# Animations Guidelines
## Keep your animations fast
- Default to use `ease-out` for most animations.
- Animations should never be longer than 1s (unless it’s illustrative), most of them should be around 0.2s to 0.3s.
## Easing rules
- Don’t use built-in CSS easings unless it’s `ease` or `linear`.
@mblode
mblode / privacy-policy.md
Last active March 13, 2026 22:26
Style Capture privacy policy

Style Capture Privacy Policy

Last updated: 2026-03-14

Style Capture is a Chrome extension that runs only when you click the toolbar icon on a webpage. It lets you select a DOM subtree, captures that subtree's sanitized HTML and computed CSS locally, formats the result as markdown, and copies it to your clipboard.

Information The Extension Handles

Style Capture handles only the data needed for that local workflow:

@mblode
mblode / support.md
Last active March 13, 2026 22:26
Style Capture support

Style Capture Support

Style Capture is a local-only Chrome extension for capturing a selected page subtree, extracting computed CSS, and copying a markdown export for Tailwind conversion or UI recreation.

What The Extension Does

  • runs only after you click the toolbar icon
  • lets you pick a DOM subtree on the current page
  • captures sanitized subtree HTML and computed CSS locally
  • copies the formatted result to your clipboard