実績は3種類に分けて管理しています

PRODUCE

web制作の実証実験を兼ねてwebサイトやメディアを自前で制作・運営しています

PRODUCT

他のweb制作者と協力し合う為に自前で開発したフレームワークやライブラリを公開しています

PROJECT

法人・個人からの依頼に対してデザイン&コーディングで制作を行なっています

※現時点で公開できる「PROJECT」情報はございません

PRODUCT

MUSUBii

MUSUBii

CSS Framework for JP

日本語サイト制作を想定したCSSフレームワーク。コーディング1年目に、毎回同じようなコード書くのが辛くて開発しました。OOCSS・命名ルール・著名なフレームワークを研究した上で、実践用の最適解として構築しています。

Yaku Han JP

Yaku Han JP

Yakumono-Hankaku only web fonts

約物半角専用のWebフォント。font-familyのフォールバック機能を利用して字詰めした約物を優先的に当てます。ベースのNoto Sans Japaneseと併用し、font-feature-settingsではできない「カッコだけを詰める」などを実現します。

Shitaji.CSS

Shitaji.CSS

Optimized reset.css for web design

Web制作用の下地リセットCSS。MUSUBiiを作ろうと思った時に、ベースとなるリセットCSSから見直すことになり開発しました。sanitize.cssなどを参考にしつつ必要最低限のリセットを検証しています。

MOFTONE

MOFTONE

SCSS variable of mofmof color

もふもふな優しいカラーパレットをSCSSの変数で作りました。MUSUBiiを制作する際に、日本のサービスに似合いそうな色をMaterial Design Colorみたいに全色作りたいと思ったのが制作理由。追加でスウォッチを作成。

MDTONE

MDTONE

SCSS variable of material design color

Material Design ColorをSCSSで使いやすいよう変数化しました。MOFTONEの色を判断するための比較対象。どの程度の淡い色を作成したのか、グラデーションに乱れはないかを確認。追加でスウォッチを作成。

iOSTONE

iOSTONE

SCSS variable of ios color

iOSで使いそうな色をMaterial Designカラーパレット風に生成しました。Google版が作ったのだからApple版も作ってしまおうという考えで。地道にスクショなどからベースカラーを収集しました。追加でスウォッチを作成。