css/コーディングfont-family指定の覚書 完全なる自分のための覚書です。 フォント指定って、悩ましいですよね。 どのデバイスでの指定したフォントで出て欲しい。。。 ※注意※字詰めができないフォント Noto Serif JP、... 2020.05.03css/コーディング
css/コーディング.htaccess覚書 どうも苦手だけど、避けて通れない.htaccessファイル・・・ その場しのぎじゃなくてちゃんと意味を理解してかかなきゃなぁ。 ということで少しづつ勉強していってます。 その覚書なので、ぼちぼち... 2020.04.10css/コーディング
css/コーディング文字ブロックに優しい処理 フォントに対する指定ってサイズとか色とか行間とか・・・そんな程度しか 知らなかったのですが、人様のコードなどを拝見していると 「それいいね!」っていう処理が施してあったりして、勉強になります。 という... 2020.04.08css/コーディング
css/コーディング擬似要素で作る三角矢印2つ 擬似要素でちょっとした三角部分を作りたいとき、 rotateの角度とか考えるのが面倒なのでストックとして。 タイトルタグのデザイン的な三角 See the Pen 左右向き矢印 by h... 2020.04.08css/コーディング
css/コーディングiziModalでsafariだけ表示がちらつく 自分のポートフォリオをsafariで見てみたら、モーダルを開いた時にチラツキが出ているのを発見。 モーダルの実装にはプラグインのiziModalを使用しています。 こんな感じ ... 2020.04.01css/コーディング
css/コーディングjQueryでアコーディオンメニュー ワードプレスのスマホメニュー実装時、クリックでぱかっと上下に開くアコーディオンメニューについて色々悩んだのでメモ。 ワードプレスのアコーディオンメニュー 子メニューがある親要素のみ、">"... 2020.03.16css/コーディング
css/コーディングiframeの設定おぼえ書き 地図の埋め込みなどで使うiframeのcssについてメモ。 基本 iframe { max-width: 100%; max-height: 600px; } @media scr... 2020.03.16css/コーディング
css/コーディングコーディング後、ブラウザごとに違う表示を修正する コーディング中は基本的にchromeでしか表示確認していません。 「コーディング終わった!別ブラウザでもチェックだ!」と見てみると、まさかの表示崩れが・・・ みたいなことありますよね。 ... 2020.03.11css/コーディング
css/コーディング【flex 】ヘッダーの高さをロゴ(可変)の高さに合わせてレスポンシブしたい ヘッダーのコンテンツをフレックスで横並び。よくあるパターンですよね。 今回、そのよくあるパターンだと思ってたヘッダーでかなりハマってしまったので、備忘録として。 ヘッダーロゴ画像のサイズに合わ... 2020.03.10css/コーディング
css/コーディングdisplay:flexでwidthの指定が効かないときの解決法 便利で使用場面の多いFlexBox。 使い方は簡単・・・なのに、あるとき、どうしてもcssの指定が効かなくなってしまいました。 やりたいことは、こんな感じ。 liタグで画像を... 2019.12.18css/コーディング