Firefoxで画像をフェードさせるとズレる Firefoxで、リンク画像をフェード(fade)させると1pxほど左右にズレてしまう現象に困っていましたが、解決策があったのでメモしておきます。 Firefoxは以前のバージョンからフェードさせた画像がズレて見えるという現象がありました。ウィンドウの ...
Twitterのハッシュタグで使えない文字 ツイッターのハッシュタグ(hashtag)で使えない文字があることを知ったのでメモしておきます。 ツイートボタンを設置しようとしたところ、ハッシュタグがうまく反映できませんでした。 調べてみたところ、「-(ハイフン)」などの記号類が使えないようです。 ...
レスポンシブにも対応!jQueryカルーセル「bxSlider」が使いやすい とある案件でカルーセル(スライドショー)を使うことになったので、これを機会に使いやすいjQueryプラグインを探してみましたのでご紹介します。 まずはネットで口コミを見てまわり、評価の高そうなものの中から探してみました。 できればこの先しばらく使って ...
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で ...