CSS jQuery

jquery

jquery 特定の画像を点滅させるjquery

またまた「あれ?僕この記事書いてなかったのか??」シリーズです。ある画像を点滅させて目立たせて欲しいと依頼があり、ネットに落ちてたコードをちょっとだけさわり実装したものです。まぁタイトルの通り画像が点滅するだけです。ただ実装してみた結果、結...
jquery

jquery スルスルっと上に戻るボタンをjqueryで実装

またもや「あれ僕この記事書いてなかったのか」のやつです。ハイ。ホームページで右下に「上に戻る」ってボタンがあるサイト見かけた事ありませんか?それをクリックしたら、いきなり上に戻るのではなく、スルスルっとスムーズに一番上に行くあれです。またし...
jquery

WordPress 画像にマウスが乗った時にフワッと半透明にするjquery

更新さぼっていました。「あれ?僕この記事書いてなかったのか??」というjqueryネタがあったので更新しようと思います。タイトルにもあるように「画像にマウスが乗った時にフワッと半透明にするjquery」 っスね。「何言ってんだお前」って感じ...
CSS

CSS Chrome Firefoxのみ読み込むCSS

コーディングしていて苦労するのはブラウザによって表示の仕方がバラバラな所だ。Chromeでちゃんと表示されているのに、Firefoxで背景がはみ出ていたり。その逆もしかり。僕が思っているだけかもしれないが、特にFirefoxでの見え方が違う...
jquery

WordPress jqueryでカテゴリーを開閉式にする

Wordpressでサイトを作成していると、カテゴリーが膨大になってしまう事が無いだろうか?親カテゴリーが沢山、子カテゴリーも沢山あって、サイドバーに表示するには多すぎる場合がある。カテゴリの一覧を表示するにも縦に伸びすぎて見た目が悪い。な...
jquery

WordPress jqueryで多くの画像を違うタイミングで変えていくスライダーを実装

ヘッダーでスライダーを使いたい。そんな要望は沢山ある。今更flashなんて使わない。多くの人がjqueryを使う事だろう。しかし今回は1枚の画像ではなく、6枚の画像を並べそれぞれ違うタイミングでスライドして行く様設定していく必要があった。い...
jquery

WordPress IE8でスタイルがずれる場合の対処法(CSS3のセレクタをjqueryで適応させる)

前回書いた「Wordpress IE8でスタイルがずれる場合の対処法(functions.phpとCSSでのカスタマイズ)」は基本的にCSSで対処する方法だった。しかしCSSでセレクタなどを使っている場合、IE8では思った通りには表示されな...
CSS

WordPress iframeで作成されたFacebookのLikeboxをCSSでレスポンシブに

FacebookのLikeboxってとても素敵ですよね。多くのサイトがFacebookのLikeboxを使っています。ただLikeboxはレスポンシブではなく、PCでは綺麗に表示されるがスマホの幅ではLikeboxの幅が変わらず、著しくデザ...
CSS

WordPress Contact Form 7 スマートフォン使用時 はみ出るテキストエリアを修正

Wordpressのプラグイン「Contact Form 7」はとても便利だ。非常に簡単に問い合わせフォームを作ることが出来る。そのまま実装してもいいのだが、僕はtableを使って(レスポンシブ)表示している。ただこのContact For...
CSS

WordPress Youtubeの埋め込みをレスポンシブに

HPをレスポンシブで作成した際、埋め込んだYoutubeの大きさが変わらずスマートフォンで見ると横にはみ出てしまう。かといってiframeのwidthを100%にしても高さがそのままなので縦に長くなってしまう。何とか縦横比を保ったままレスポ...