css/コーディングフォントサイズをvw指定
h2やh3なんかのタイトルにあてるフォントサイズを、pxやremの指定でもいいけれど 絶対1行におさめたいなーとか、サイズをレスポンシブにしたい事情がある場合 vwの指定が便利です。 ...
css/コーディング
css/コーディング
css/コーディングjQueryでセレクタ取得時、変数を利用したい
$('欲しいセレクタ') の中で変数を使いたかっただけなのに、以外とはまってしまったのでメモ。 inputのvalue属性で絞りこんで取得したい、という場合。 var time =...
css/コーディングJavaScriptで時間表示時、桁を揃えたい(フォーマット)
phpで処理を書いていて、 2020-11-05 01:00:00 のような書式で作っていたのでJS側でも揃えようと思ったら、JSではPHPのように簡単にはいかなかったのでメモ。 ...
css/コーディングiQueryでnotを使って特定クラスを除外
$('td:not(.reserved) input')...処理 reservedというクラスがついているtdは除外して、その子要素のinputを操作したい場合、この様に買いたらうまくいきま...
css/コーディングクリックでモーダル表示 + overflow:scroll;
表題の通りです。ボタン等をクリックするとモーダルが表示され、もしモーダルの中身が多い場合はスクロール。のメモ。 クリックしてね ...
css/コーディングswiperでスライダー。ieでもズームアップ時ちかちかしない。
個人的にトップスライダーでよくあるのが、画像がズームアップしながらフェードで画像が切り替わるという仕様。そのフェード×ズームアップの仕様が、ieだと画像がはみ出してちかちかするんですよね。 ど...
css/コーディングスクロールでふわっとフェードするアニメーション
ウェブページをスクロールすると文字や画像がふわっと表示されたらなんとなくオシャレ。実装もjQueryを使って比較的かんたんにできます。先にコードからどうぞ。 HTML <div clas...
css/コーディングCSSでぱらぱらマンガ風アニメーション(2コマ・４コマ)
ウェブページのワンポイントに、ちょっとした画像のアニメーションがあるとかわいいですよね。JSで画像を切り替えるのもいいですが、どうせならCSSがいい。ということでCSSで実装しました。clissさん...
css/コーディングIE,Edgeでtransitionが効かない時
スクロールすると、ロゴのサイズをすっと小さくして邪魔にならないように追尾させる。 そんな処理を書いた時、IEとEdgeで確認したらtransitionが効いてなくて ロゴが一瞬消えて急にサ...
css/コーディング【PageSpeed insights】サイト速度改善のためにしたこと
せっかくサイトを作ったのに、サイトスピードが激重くんだったら・・・ ということで、googleのPageSpeed Insightsの結果をもとにサイト速度改善に取り組んでみました。SEO対策と...