【第5弾】少しのコードで実装可能な10のCSS小技集

https://www.webcreatorbox.com/tech/css-tips-5

CSS小技集シリーズの第5弾!「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています!初心者さんからベテランさんまで要チェック!

webクリエーターボックス

続きを読む

HTMLはシンプル! 画像をホバーしたときのさまざまなエフェクトを簡単に実装できるCSSの超軽量ライブラリ -Izmir

https://coliss.com/articles/build-websites/operation/css/image-hover-css-library-izmir.html

画像をホバーしたときにテキストを重ねたり、ボーダーをアニメーションさせたり、拡大表示させたり、さまざまなエフェクトを簡単に実装できるCSSの超軽量(2Kb)ライブラリを紹介します。

HTMLにclassを与える簡単実装。エフェクトは組み合わせることも可能で、オーバーレイやテキストやボーダーなどを自由に組み合わせて実装することができます。

coliss

朗報! CSS Flexboxの8年越しのバグがようやく修正されます

https://coliss.com/articles/build-websites/operation/css/css-flexbox-bug-fixed-flex-flow-column-wrap.html

CSS Flexboxのこのバグに悩んだ人もいると思います。
リスト要素をFlexboxで複数列に配置し、ulにborderを適用したのに、ボーダーが全体を囲まないバグが8年越しにようやく修正されます。

coliss

続きを読む

ロゴのデザインは奥が深い! 洗練されたロゴデザインのテクニックを学びたい人にお勧めのデザイン書 -“ロゴデザインの原則”

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

ロゴデザインのテクニックを学びたい人にお勧めのデザイン書を紹介します。

洗練されたシンプルなデザインのロゴ、シンボル、アイコンを作るための知識やテクニックが詳しく解説されており、グリッドや黄金比やシンメトリーや錯視などデザインのさまざまな原則についても学べます。

coliss