このホバーエフェクト、楽しい！ CSSのみで実装する、弓の弦のように弾けるホバーエフェクト（方向も認識）

2026/02/18(Wed) 08:53

カーソルで下からホバーすると弓の弦のように上から弾け、上からホバーすると下から弾ける、操作するのが楽しくなるホバーエフェクトを紹介します。弓の弦のように弾けるホバーエフェクトはモダンCSSの機能（shape(), sibling-index()/sibling-count(), linear()など）で実現されており、コピペで簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/css-only-elastic-hover-effect.html

シンプルだから使いやすい！ レスポンシブ対応のグリッドをオーバーレイ表示できるChromeの拡張機能 -Grid Overlay Pro

2026/02/17(Tue) 08:57

ブラウザに表示したあらゆるWebページにレスポンシブに対応したFigmaみたいなグリッドをオーバーレイー表示できるChromeの機能拡張を紹介します。グリッドのオーバーレイはブラウザ内で完全にローカルで実行されるため、オンラインのWebページだけでなく、ステージングやローカル環境でもグリッドを表示できます。

https://coliss.com/articles/build-websites/operation/work/grid-overlay-pro.html

ロゴはまさに究極のミニマルデザイン！ デザインすることの面白さに気づかせてくれる良書 -カンタンでちょっぴり深いロゴづくり

2026/02/16(Mon) 08:56

本書の感想を一言で言うと、「デザインすることの面白さに気づかせてくれる」なぜこの形なのか、なぜこの文字なのか、なぜこの余白なのか、なぜ太くするのか、なぜこの角度なのか、なぜこの比率なのか、それらの解の1つが本書にあります。最近ではロゴをはじめ、さまざまなデザインをAIで生成できます。しかし、AIが生成したものは既存デザインの再構成なので、どこで見た感じがします。

https://coliss.com/articles/book-review/isbn-9784295207283.html