このサイトについて

目的

デザインの様式を、件数でなく1つずつの深さで解剖する図鑑です。各パーツに「動くデモ」「なぜ効くか」「実装で踏んだ罠（コントラスト実測つき）」を添え、「壊れた例」に切り替えて様式が成立しなくなる条件を実物で見られるようにしています。作者自身の学習と、制作の引き出しの共有のために公開しています。

ライセンス・クレジット

• コードは自由に使えます（表示不要・商用利用可）。デモの HTML / CSS / JS はコピーして改変・再配布して構いません。
• 文章（解説・実装メモ・実測値）は、出典を示した引用は歓迎しますが、全文の転載・再配布はご遠慮ください。
• 紹介・シェアは歓迎です。ブログ・SNS・記事などで取り上げていただく場合、および文章を引用する場合は、下記のクレジット表記をお願いします。
• コントラスト値は当方で実測し、ビルド時に自動で再計算・照合しています（数値が合わなければ公開ビルドが失敗する仕組み）。

作者

伊藤翔真／Styledex を制作・運営しています。お仕事のご相談は下のフォームからどうぞ。

Follow meX

プライバシー

• Cookie は使用せず、個人を特定する情報を収集しません。
• お問い合わせは Google フォーム経由で作者に送信されます。入力内容は確認のためだけに使い、第三者へ提供しません。

お問い合わせ

ご質問・誤りの報告・ご要望・お仕事のご相談は、下のフォームからお送りください。

※内容の確認のみ行っており、個別のご返信はしておりません。あらかじめご了承ください。