サイドバーをfixedさせたときにfooterにかかる問題を解決

2カラムサイトを作っていると、
たまにコンテンツ部分が短くて、
サイドバー部分が長いページができたりする。
その際にサイドバーのcssにおいて、position:fixedにしていると、
フッターに被ってしまう問題が生じてしまう。
でこれを解決するための方法を考えてみた。

inputタグのplaceholderを全ブラウザで(jQuery)

inputタグにplaceholderというものを設定してあげると、
下記の画像のようにどういう文字を入れてくださいといった内容を表示できる。

だけどhtml5から使用可能であるので、IE8とかのように対応していないブラウザでは使用できない。
そこでjQueryなどを使って実現できるものを作ってみた。

英字の大文字化(a→A)、小文字化(A→a)

英字の大文字化ってたまに必要になる。
ぶっちゃけ恥ずかしながら、そういうときは正規表現使って変更してた。
けど実はわざわざそんなのを組む必要ってなくて、それ専用の関数やメソッドがあった。
ということで今回はそれをJavascriptやPHPバージョンのものを紹介。

PAGE TOPへなどjsで上にスクロールするやつ

最近のwebサイトによくあるようなjsで上にスクロールするやつの作り方。
実際にこれを設置しておくと縦に長い場合とか、ブラウザの縦サイズが短い場合など便利。
ってことでこれの作り方↓

jQueryでのajax通信時のキャッシュ問題

jQueryでajax通信をしていると、IEではキャッシュ問題が出てきてしまう。
他のブラウザは問題ないんだけど、テキストとか頻繁に更新されるようなものを読み込みするときに、
キャッシュ問題って重要なのでこれを解決する方法は↓のような感じ。

.htaccessで行うUserAgent判別

前回JavascriptによるUserAgent判別という記事を書いたけれども、
今回はガラケーの振り分けも行わないといけないとのこと。
ガラケーではjsは使えないし、phpを使わないサイトであるので、
.htaccessを使って振り分けをしようと思った。
ということで書いたものはこんな感じ。