https://www.webcreatorbox.com/tech/css-tips-5
CSS小技集シリーズの第5弾!「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています!初心者さんからベテランさんまで要チェック!
webクリエーターボックス
個人的リンク集サイト
https://www.webcreatorbox.com/tech/css-tips-5
CSS小技集シリーズの第5弾!「【第4弾】少しのコードで実装可能な10のCSS小技集」から約2年。またまた便利でサクッと使えるコードが続々登場しています!初心者さんからベテランさんまで要チェック!
webクリエーターボックス
https://coliss.com/articles/build-websites/operation/css/image-hover-css-library-izmir.html
画像をホバーしたときにテキストを重ねたり、ボーダーをアニメーションさせたり、拡大表示させたり、さまざまなエフェクトを簡単に実装できるCSSの超軽量(2Kb)ライブラリを紹介します。
HTMLにclassを与える簡単実装。エフェクトは組み合わせることも可能で、オーバーレイやテキストやボーダーなどを自由に組み合わせて実装することができます。
coliss
CSS Flexboxのこのバグに悩んだ人もいると思います。
coliss
リスト要素をFlexboxで複数列に配置し、ulにborderを適用したのに、ボーダーが全体を囲まないバグが8年越しにようやく修正されます。
https://buildstd.com/design-no-mikata/
デザインの見方と、デザイン言語化能力を高める方法を解説した書籍。
MonoStack
https://coliss.com/articles/book-review/isbn-9784802512671.html
ロゴデザインのテクニックを学びたい人にお勧めのデザイン書を紹介します。
洗練されたシンプルなデザインのロゴ、シンボル、アイコンを作るための知識やテクニックが詳しく解説されており、グリッドや黄金比やシンメトリーや錯視などデザインのさまざまな原則についても学べます。
coliss
今回は、「これこれ!」っていうのがわかると便利なデザインの様式に関する用語をご紹介します。AdobeStockで使えそうな素材も探してみたので、そちらのリファレンス付きです。
LIG