斜めデザインの作り方

過去にCSSで斜めのデザインを実装したがありましたので、そのやり方を4つほど紹介します。 <div class="content"> <div class="content-inner"> <div…

CSS で未定義の変数（カスタムプロパティ）に警告を出す

body { --color: blue; /* 変数の定義 */ color: var(--color); /* ✅定義済みの変数 */ background-color: var(--foo);…

「なんかいい感じに右揃えしてくれるヤツ」くらいの認識だった。結論「親要素の幅から自分自身の幅を引き算した値を自動的に設定するよ」という文。たとえば中央揃えのときはmargin: 0 autoと…

一か月に5回は調べてるような気がするのでまとめた。結論どちらも要素の余白を表す要素の輪郭を隔てて、marginは外、paddingは内なんか節分みたいでいいですね。marginは外、padd…

引き続き、現在のCSSの基本を再確認するために本書を手に取った。作成したデモサイト https://spectacular-entremet-fec039.netlify.app/ 全体のフォント…

はじめに自分は普段、業務システムのバックエンド担当で、HTML,CSSはシンプルなものしか実装したことがありません。今までCSSをがっつりと書いたことがなく、CSSではレイアウトの調整、JavaS…

WEBページの実機検証を行う方法について、忘れがちなため備忘録として。 WEBページを検証する方法 iPhoneのWEBインスペクタという機能を利用して、WEBページの検証を行います。 Webブラウ…