acsept-ratioを使ってみる
以前にCSSで指定した縦横比を維持するという記事を投稿しましたが、別の方法として、要素のアスペクト比を設定できるCSSプ...
HTML・CSSの記事一覧
Tailwind CSSを使ってみる
Tailwind CSSを簡単に触ってみます。...
Animate.cssを使ってみる
簡易に要素のアニメーションを設定できるCSSのライブラリ「Animate.css」を試してみます。 使用するバージョンは...
CSSでスマホ時のみ電話番号にリンクを設定する
スマホでの閲覧時のみ電話番号にリンクを張りたいということがあったので、CSSのメディアクエリで判別して一定の画面幅以下の...
CSSで変数を使ってみる
CSSで変数を定義できるカスタムプロパティを使ってみます。...
CSSのmin()・max()・clamp()を使ってみる
CSS関数のmin()・max()・clamp()を使ってみます。...
CSSプロパティのaspect-ratioを使ってみる
要素のアスペクト比を設定できるaspect-ratioを使ってみます。...
Sassで数値から単位を除去する
Sassで単位のついた数値から単位を除去する方法をメモ。...
フォントサイズを画面幅に合わせて変更する
スマートフォンのサイト実装時にフォントサイズを画面幅に合わせて拡大・縮小したいという要望がたまにあるので、vwを使った実...
text-align: justifyを使ってみる
テキストを両端揃えにできるtext-align: justifyを使ってみます。...