タグ: CSS

今のウェブに両端揃えはまだ早いのかもしれない

ウェブページで文章を両端揃えするには、text-align: justify; を使用する。 両端揃えにすることで文章の終端が揃い、美しい表示になる。がしかし、今のウェブにはまだ早いのかもしれないと考える。 基本的に組版 […]

【HTML】レスポンシブ画像に対しての sizes=”auto” が実装される！ 地味に面倒なサイズ指定が条件付きで楽になる

HTML で画面の解像度に応じて画像を切り替えて表示させるには、srcset 属性と sizes 属性を使用する。 しかし、この sizes 属性は、微妙に使いづらい。sizes 属性に入る値は、vw や px といった […]

要素の角を丸くせずに面取りする CSS

CSS における border-radius は、いわゆる角丸を作るプロパティであって、丸く面取りをすることしかできない。 clip-path プロパティを使うことで、画像のように、要素の角を丸くせず面取りをすることがで […]

YouTube 動画プレーヤーの角丸を除去するユーザー CSS

YouTube の UI は年々変化をしているが、最近、動画プレーヤー自体が丸みを帯びた四角 (角丸) になってしまった。 このデザイン、サイト全体のデザインに合わせる必要があるからとはいえ、動画という大事なコンテンツの […]