JavaScript

bxSlider

 

レスポンシブ対応
水平、垂直スライド対応、フェードも可能
スライドコンテンツは画像、動画、HTMLが可能
タッチ、スワイプサポート
IE7+、Firefox,Chrome,S ...

Flex Slider 2

★レスポンシブ対応
★カルーセル対応
★タッチデバイスのフリック対応
★キャプション表示可能
★動画スライドOK
など。

設定できる ...

IE8以下はhtml5を認識しない、css3にも対応していないのでjavascriptライブラリにお世話になります。

そのまとめ。

html5shiv.js

html5から導入されたタグ(header,foote ...

Google Mapをレスポンシブに対応してホームページに埋め込むのに、毎回いろいろ調べていたので、ここら辺で自分用にまとめておきたいと思いました。

地図を埋め込むコード(iframe）の場合

google mapから埋め込 ...

マウスオーバーでちょっと違うエフェクト

html

<div class="hover">ボタン</div>

jQuery

$(function(){$(".hover").mouse ...

スマートフォンで活用大のアコーディオンメニュー。

jqueryなら実装がカンタン。
dlパターン
htmlはこんな感じ

<section id="demo1"> <dl> &l ...

新しく更新したページに「New!」を付けて、一定期間がすぎたら自動的に消えるようにする

function Newmark(mark,yy,mm,dd){ expireDate = new Date(yy,mm - 1,dd); ...

jqueryを読み込むのに、わざわざjqueryのサイトから最新ファイルをダウンロードしなくても、
Google AJAX Libraries API　などを使えばカンタンです。

今はGoogle Develope ...