miya

laravel

bladeのフォーム欄で使うold関数 | laravel

laravel の構文を把握できてないので、何を書くのもあれこれ調べないと大変なくらいのスキル感です。 そういう人に多分役に立つメモ。 old関数でエラー時も直前の入力値を保持させる 例えばユーザープロフィールを更新するフォー...
css/コーディング

IE,Edgeでtransitionが効かない時

スクロールすると、ロゴのサイズをすっと小さくして邪魔にならないように追尾させる。 そんな処理を書いた時、IEとEdgeで確認したらtransitionが効いてなくて ロゴが一瞬消えて急にサイズが変わるという挙動になっていました。...
css/コーディング

【PageSpeed insights】サイト速度改善のためにしたこと

せっかくサイトを作ったのに、サイトスピードが激重くんだったら・・・ ということで、googleのPageSpeed Insightsの結果をもとにサイト速度改善に取り組んでみました。SEO対策としても、できる限りのことはしたいですよね...
Wordpress

font-family指定の覚書

完全なる自分のための覚書です。 フォント指定って、悩ましいですよね。 どのデバイスでの指定したフォントで出て欲しい。。。 ※注意※字詰めができないフォント Noto Serif JP、ヒラギノ明朝 ProNは字詰めができませ...
css/コーディング

.htaccess覚書

どうも苦手だけど、避けて通れない.htaccessファイル・・・ その場しのぎじゃなくてちゃんと意味を理解してかかなきゃなぁ。 ということで少しづつ勉強していってます。 その覚書なので、ぼちぼち追記してゆきます。 ドメイ...
css/コーディング

文字ブロックに優しい処理

フォントに対する指定ってサイズとか色とか行間とか・・・そんな程度しか 知らなかったのですが、人様のコードなどを拝見していると 「それいいね!」っていう処理が施してあったりして、勉強になります。 ということでそんな処理まとめ...
css/コーディング

擬似要素で作る三角矢印2つ

擬似要素でちょっとした三角部分を作りたいとき、 rotateの角度とか考えるのが面倒なのでストックとして。 タイトルタグのデザイン的な三角 See the Pen 左右向き矢印 by hiro (@hiro555) on C...
css/コーディング

iziModalでsafariだけ表示がちらつく

自分のポートフォリオをsafariで見てみたら、モーダルを開いた時にチラツキが出ているのを発見。 モーダルの実装にはプラグインのiziModalを使用しています。 こんな感じ 解決策 .iziModal-ov...
css/コーディング

jQueryでアコーディオンメニュー

ワードプレスのスマホメニュー実装時、クリックでぱかっと上下に開くアコーディオンメニューについて色々悩んだのでメモ。 ワードプレスのアコーディオンメニュー 子メニューがある親要素のみ、">"マークを付ける。 メニューをクリッ...
css/コーディング

iframeの設定おぼえ書き

地図の埋め込みなどで使うiframeのcssについてメモ。 基本 iframe { max-width: 100%; max-height: 600px; } @media screen and (max-width:7...
タイトルとURLをコピーしました