ミニマルなデザインで使いやすい！ シンプルなHTMLでさまざまなUIコンポーネントを実装できる超軽量ライブラリ -Oat UI

2026/03/24(Tue) 08:53

セマンティックなHTMLで、Webサイトやスマホアプリでよく使用されるさまざまなUIコンポーネントや要素を実装できる超軽量UIライブラリを紹介します。デザインはシンプルでミニマル！ 依存関係は一切なく、classレスとまではいきませんが、classの使用は最小限で、カスタマイズも非常に簡単です。

https://coliss.com/articles/build-websites/operation/work/semantic-ui-library-oat-ui.html

小さなバナーに潜むデザインのさまざまなアイデアとテクニックが詳しく解説されたデザイン書 -バナーデザインのアイデア帳

2026/03/23(Mon) 09:00

デザインで役立つのは、良質なデザインの引き出し持っておくこと。バナーのデザインはもちろん、Web制作に携わるすべての人にお勧めのデザイン書を紹介します。

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

これは覚えておきたい！ シンプルなCSSで、画像をホバーすると拡大し、マスクまでしてくれる

2026/03/18(Wed) 08:55

画像をホバーすると拡大するCSSのテクニックは昔からありますが、画像の拡大分をoverflow:hidden;で非表示にするのではなく、clip-pathでクリッピングするとってもシンプルなCSSを紹介します。

https://coliss.com/articles/build-websites/operation/css/css-image-hover-scaley-mask.html