CSSの便利なプロパティmin-widthとmax-width、min-heightとmax-heightの効果的な使い方のまとめ

2020/01/23(Thu) 09:51

Webページやスマホアプリのレイアウトをはじめ、画像、ボタン、ナビゲーションなどを親要素に応じてそれらの幅や高さを適したサイズにしたい時がありませんか？ そんな時には、min-widthとmax-width、min-heightとmax-heightを効果的に使用すると、非常に便利です。

https://coliss.com/articles/build-websites/operation/css/use-cases-for-min-and-max-properties.html

ふくろ文字

2020/01/22(Wed) 09:57

CSSで文字にフチを付けてふくろ文字にする方法。ちょっと前までは画像でやるしかなかったふくろ文字ですが、CSSでできるならCSSでやっちゃいたい。古いにしえの方法と、新いまどきの方法と、SVGを使って再現する方法のメモ。

https://lopan.jp/outline-text/

絶対配置をレスポンシブしたいとき

2020/01/22(Wed) 09:56

キービジュアルのところとか、デザインによっては、要素を絶対配置してアニメーションしたい時とか。デスクトップのデザインとモバイルのデザインはあるけれど、タブレットのデザインがない時とか。デスクトップのレイアウトのまま、タブレットサイズに収めたい時とか。そんな時に応急措置として使えるレシピ。

https://lopan.jp/absolute-responsive/

色々な色の名前、日本語と英語での名前、伝統色の名前が分かるサイトのまとめ

2020/01/22(Wed) 09:56

いろいろな色の日本語での名前、英語での名前、日本の伝統色の名前をはじめ世界の伝統色の名前などが分かるサイトを紹介します。

https://coliss.com/articles/build-websites/operation/design/what-the-color-name.html