CSS [CSS] Macでスクロールバーが常に表示されない？
概要 CSSでoverflow-y: scrollやoverflow-x: scrollとすると、Windowsでは常にスクロールバーが表示されるがMacではスクロールバーが表示されない。 原因 Macの場合、表示する端末の「システム環境設定⇒一般⇒スクロールバーの表示」の設定に依存するため、基本的にはCSSで制御することはできない。 初期値は「マウスまたはトラックパッドに基づいて自動的に表示」で...
CSS
CSS 
Bootstrap(書評) 「Bootstrap5入門: 基礎から実演まで」の感想・備忘録
posted with ヨメレバAmazonで見るKindleで見る kindle本「Bootstrap5入門: 基礎から実演まで」のまとめ。 点数 72点 感想 Bootstrap5を使ってランディングページを作っていく、という内容だった。 全てを覚える必要はないので、必要になったらソースを確認すればいいと思う。 ランディングページ <!doctype html> <html lang="ja"...
Bootstrap(書評) 「作りながら学ぶBootstrap入門」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る 「作りながら学ぶBootstrap入門」の感想・備忘録1の続き コンテンツエリア モーダル <h2 class="text-center py-3 mt-5">よくある質問</h2> <div class="row"> <div class="col-md-6 col-12 pt-3"> <!-- モーダルのトリガー --> <...
Bootstrap(書評) 「作りながら学ぶBootstrap入門」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る kindle本「作りながら学ぶBootstrap入門」のまとめ。 点数 76点 感想 サンプルコードがたくさん掲載されてるが、細かい説明は少なかった。 それでも簡単にランディングページを作ることができたので、可もなく不可もなくという感じの内容だった。 なおBootstrap4が使われているため、Bootstrap5を使う場合は注...
Bootstrap(書評) 「Bootstrap4最速の入門書(コンポーネントその2)」の感想・備忘録3
posted with ヨメレバAmazonで見るKindleで見る 「Bootstrap4最速の入門書(コンポーネントその2)」の感想・備忘録2の続き カード カード divに.cardを指定する。 その中に.card-bodyのdivを含める。 その中に.card-titleのh5など、.card-textのdivを含める。 画像を含める場合はimgに.card-img-topまたは.card...
Bootstrap(書評) 「Bootstrap4最速の入門書(コンポーネントその2)」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る 「Bootstrap4最速の入門書(コンポーネントその2)」の感想・備忘録1の続き トースト トースト divに.toastを指定する。 その中に.toast-headerと.toast-bodyを含める。 .toast-headerの中に.btn-closeとdata-bs-dismiss="toast"を指定したbutton...
Bootstrap(書評) 「Bootstrap4最速の入門書(コンポーネントその2)」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る kindle本「Bootstrap4最速の入門書(コンポーネントその2)」のまとめ。 点数 74点 感想 コンポーネントの使い方についての記述がまとめられていた。 わかりやすくまとめられていて読みやすかったが、いくつか不要な記述があったり、記述が間違ったりしている点があったのが気になった。 フレックスボックス フレックスボックス...
Bootstrap(書評) 「Bootstrap4最速の入門書(導入/コンポーネントその1)」の感想・備忘録3
posted with ヨメレバAmazonで見るKindleで見る 「Bootstrap4最速の入門書(導入/コンポーネントその1)」の感想・備忘録2の続き ボタン ボタン .btnと.btn-primaryなどを指定する。 .btn-linkはテキストリンクとなる。.btn-lg, btn-smで大きさを変更可能。.btn-outline-primaryなどを指定するとアウトラインボタンとなる...
Bootstrap(書評) 「Bootstrap4最速の入門書(導入/コンポーネントその1)」の感想・備忘録2
posted with ヨメレバAmazonで見るKindleで見る 「Bootstrap4最速の入門書(導入/コンポーネントその1)」の感想・備忘録1の続き テーブル テーブル <table>に.tableを指定する。 .table-dark .table-striped .table-bordered .table-borderless .table-hover .table-sm などを一緒...
Bootstrap(書評) 「Bootstrap4最速の入門書(導入/コンポーネントその1)」の感想・備忘録1
posted with ヨメレバAmazonで見るKindleで見る kindle本「Bootstrap4最速の入門書(導入/コンポーネントその1)」のまとめ。 点数 80点 感想 サンプルソースがシンプルで、読みやすかった。 Bootstrap4についての書籍であり、Bootstrap5ではクラス名が変更されてしまったものがいくつかあった。 仕方がないことだが、Bootstrap5を使う場合は本...