Skip to content

Instantly share code, notes, and snippets.

View Takazudo's full-sized avatar

Takeshi Takatsudo Takazudo

175 followers · 61 following
View GitHub Profile
@Takazudo
Takazudo / SKILL.md
Created September 13, 2026 08:55
px-vs-rem
name px-vs-rem
description CSSの寸法に px / rem / em / 単位なし のどれを使うか判断するためのガイド。font-size、スペーシングスケール、padding、border、box-shadow、border-radius、タッチターゲット、行長、メディアクエリ/コンテナクエリのブレークポイントの単位を決めるとき、CSSを書く・レビューするとき、デザイントークンやTailwindの--spacingを設計するとき、html { font-size: 62.5% } や html { font-size: 16px } を見かけた/検討しているときに必ず使用する。「pxでいいのでは」「全部remにする」「IEがないのでremは不要」といった議論、ブラウザのデフォルトフォントサイズ設定とページズームの違い、WCAG 1.4.4/1.4.10 の文字サイズ変更対応について聞かれた場合も対象。

px vs rem

Internet Explorer 亡き後も rem が意味を持つ理由 — ブラウザのデフォルトフォントサイズ設定、それに追従すべき寸法、そして px が正しい単位となる場面。

使い方

@Takazudo
Takazudo / gist:4d2b1adc3c5ce9c00153c029ff81ae10
Created August 19, 2026 09:36
cloudflare webapp scaffold skill
test
@Takazudo
Takazudo / ccresf.md
Created July 8, 2026 02:47
ccref skill
name ccref
description Bridge from Codex to the user's Claude Code skills + CLAUDE.md. Invoke on `$ccref <topic>`, when the user references a Claude skill as `/foo`, or when a request needs procedural guidance that lives in a Claude skill the user maintains but Codex has not ported. Scans ./.claude and ~/.claude for matching skill docs, reads them as reference, and adapts their Claude-only mechanics to Codex.

ccref

Codex-native bridge to the user's Claude Code skills and instructions.

Why

@Takazudo
Takazudo / README.md
Created June 10, 2026 20:01
Minimal repro: wrangler deploy 500/10013 for D1-bound Workers (account-scoped CF backend issue)

Minimal reproduction — wrangler deploy HTTP 500 [code: 10013] for D1-bound Workers

Note: this is an account-scoped Cloudflare backend issue — it reproduces only on affected accounts. On an affected account, ANY Worker with a D1 (or Durable Objects) binding fails at the deployment-creation step; the same Worker with no D1/DO binding deploys fine.

Steps

  1. npx wrangler d1 create repro-db and put the returned database_id into wrangler.toml
  2. npx wrangler deploy
@Takazudo
Takazudo / test.md
Created July 20, 2025 22:32
test.md 
graph LR
    subgraph "4 Jacks (Connected)"
        J1[Jack 1<br/>Tip/Ring/GND]
        J2[Jack 2<br/>Tip/Ring/GND]
        J3[Jack 3<br/>Tip/Ring/GND]
        J4[Jack 4<br/>Tip/Ring/GND]
    end
    
 J1 -.-&gt;|All Tips Connected| Signal
@Takazudo
Takazudo / html5-kan-2017-02-12.md
Created February 11, 2017 02:22
@Takazudo
Takazudo / html5kan2016-10-16-links.md
Created October 16, 2016 01:37
@Takazudo
Takazudo / github.css
Created June 16, 2016 02:10
Marked github.css
html,
body {
color: black
}
#wrapper {
font: 16px helvetica, arial, freesans, clean, sans-serif;
-webkit-font-smoothing: antialiased;
line-height: 1.6;
padding: 3px;
background: #fff;
@Takazudo
Takazudo / cat.js
Last active July 3, 2024 01:28
Cat
class Cat {
constructor(name) {
this.name = name;
}
set name(name) {
this._name = name;
}
get name() {
return this._name;
}
@Takazudo
Takazudo / SassMeister-input.scss
Created January 26, 2015 10:14
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
.Taro {
%_human{
color: yellow;
}
.body1{