jQuery：下からスライドインするメニュー
jQueryを使って、ウィンドウ下部に固定（FIX）させたメニューを下からスライドインさせる方法です。 ウィンドウ下部にメニューを固定すること自体はよくあることですが、今回はそのメニューをページ読み込みの1秒後に下からスライドインさせます。 上部のメニューと違っ ...
Firefoxで画像をフェードさせるとズレる
Firefoxで、リンク画像をフェード(fade)させると1pxほど左右にズレてしまう現象に困っていましたが、解決策があったのでメモしておきます。 Firefoxは以前のバージョンからフェードさせた画像がズレて見えるという現象がありました。ウィンドウのサイズによっ ...
Twitterのハッシュタグで使えない文字
ツイッターのハッシュタグ（hashtag）で使えない文字があることを知ったのでメモしておきます。 ツイートボタンを設置しようとしたところ、ハッシュタグがうまく反映できませんでした。 調べてみたところ、「-（ハイフン）」などの記号類が使えないようです。 ...
レスポンシブにも対応！jQueryカルーセル「bxSlider」が使いやすい
とある案件でカルーセル（スライドショー）を使うことになったので、これを機会に使いやすいjQueryプラグインを探してみましたのでご紹介します。 まずはネットで口コミを見てまわり、評価の高そうなものの中から探してみました。 できればこの先しばらく使っていきたいとい ...
コーディングの品質UPと時短ツール7選
コーディングの品質アップと負担軽減・時間短縮に役立つオンラインツール。様々なツールがありますが、よく使うものは自然と決まってくるものです。今回は、普段よく利用するツールをいくつかご紹介したいと思います。もちろん、どれも無料で利用できるものばかりです！ ...
CSS：オンマウス（hover）で画像をフェードする
CSSの opacityと transitionを使用して、オンマウス（hover）した時に画像をフェードさせる方法です。マウスアウトした時もフェードの効果を与えるにはどうすればよいか知りましたので、メモしておきます。 CSSを使用すれば、リンクの設定された画像に ...
CSS：ウィンドウ全体の内側にボーダーをつける
ウィンドウ全体の少し内側にボーダーをつける方法をメモ。デモはこちら。 bodyいっぱいにボーダーを付けた（ように見える）タイプのものは、ネットで検索すればいくつかの方法がヒットしますが、それではありません。 bodyのサイズよりも少し内側にボーダーを設け、ウィン ...
IE10のinputに出る×マークを消す
IE10でテキストフィールドの入力中に出る、×マークを消す方法を知りましたのでメモ。 IE10からテキストフィールド <input type="text"> の入力中に ×マークが出るようになりました。ユーザビリティ的には便利なのだと思います。 ただ ...
IE6-7でボタンのテキストを非表示にする
IE6-7でボタンのテキストを非表示にする方法が意外すぎるので、自分用にメモ。 先日、本ブログ design edgeのデザイン変更のためにコーディングをしていたところ、IE6-7でSubmitボタンのテキストを非表示にできず、つまずきました。 以下、元のソース ...
Facebook Developersで「確認コードが無効です」といわれる
FacebookのApp IDを取得する際にアカウント認証を求められたものの、確認コードが通らず、つまずきましたので自分用にメモしておきます。 先日、WordPressのFacebookプラグインを入れるために、Facebook Developersで ...