position:fixedで固定している要素が、IEでのスクロール時にぎこちない動作をすることがあります。
IE・Edgeのバグなのですが、CSSで対処可能です。
CSS
inputタグfileタイプをCSSでカスタマイズ
デフォルトのfileタイプのinputタグだとシンプルで、スマホだと少し使いづらかったりします。
かつ、inputタグにCSSをあてても微妙な動作をします。
HTML側を少し工夫するだけでCSSでカスタマイズが可能になります。
jQueryでCSSを追加 単独と複数の場合
jQueryでCSSを追加できるcss()がありますが、スタイルを1つだけ追加の場合と複数の場合で書き方が違います。
間違えるとエラーも出ます。
以下、それぞれの書き方です。
WordPressで記事個別でJavascript・CSSを指定する
記事別にJavascript・CSSを指定する方法はいろいろありますが、
表示オプションでの基本機能を使えばfunctions.phpなどを編集することなくできます。
CSS「animation」で最後停止させる方法
CSS「animation」で紹介したアニメーションは無限ループです。
アニメーションが終わったら、最後停止してループさせなくする方法を紹介します。
CSSだけでアニメーションができる「animation」
CSSだけでアニメーションができる「animation」。
ブラウザごとに別々に記述が必要なことが多いですが、CSSなのでとても軽い動作でアニメーションできます。
以下、例です。
「トップへ戻るボタン」を表示
スマホやPCでも
コンテンツが長い場合に右下に「トップへ戻るボタン」があると
いつも便利に感じます。
簡単サンプルを書きましたので是非利用してみて下さい。
Bootstrapのアイコンを使う簡単な方法
bootstrap glyphicon のサイズ変更
bootstrap glyphiconのアイコンサイズ変更方法です。
CSSでブロック要素を横並び＆上下中央揃え
CSSでブロック要素を横並びにする方法に「float: left OR right」がありますが
floatを使うと、その要素内を上下中央揃えにする「vertical-align: middle」が効きません。
以下は横並びにして、かつ、上下中央揃えにする方法です。