Wordpress

カスタムフィールド出力の覚書 | ギャラリー機能使用時

ACFの有料オプションでもあるギャラリー機能を使ったとき、テンプレート側で呼び出すコードのメモです。 カスタムフィールドの親フィールドにギャラリーを指定した場合。 <?...
css/コーディング

クリックでモーダル表示 + overflow:scroll;

表題の通りです。ボタン等をクリックするとモーダルが表示され、もしモーダルの中身が多い場合はスクロール。のメモ。 クリックしてね ...
css/コーディング

swiperでスライダー。ieでもズームアップ時ちかちかしない。

個人的にトップスライダーでよくあるのが、画像がズームアップしながらフェードで画像が切り替わるという仕様。そのフェード×ズームアップの仕様が、ieだと画像がはみ出してちかちかするんですよね。 ど...
css/コーディング

スクロールでふわっとフェードするアニメーション

ウェブページをスクロールすると文字や画像がふわっと表示されたらなんとなくオシャレ。実装もjQueryを使って比較的かんたんにできます。先にコードからどうぞ。 HTML <div clas...
css/コーディング

CSSでぱらぱらマンガ風アニメーション(2コマ・4コマ)

ウェブページのワンポイントに、ちょっとした画像のアニメーションがあるとかわいいですよね。JSで画像を切り替えるのもいいですが、どうせならCSSがいい。ということでCSSで実装しました。clissさん...
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、...
css/コーディング

.htaccess覚書

どうも苦手だけど、避けて通れない.htaccessファイル・・・ その場しのぎじゃなくてちゃんと意味を理解してかかなきゃなぁ。 ということで少しづつ勉強していってます。 その覚書なの...
タイトルとURLをコピーしました