javascript,jQuery

最新のYubinbangoライブラリ

フォーム設置の際、郵便番号を入れると住所を自動入力してくれるのって昨今では当たり前のようにありますね。

実現するのはjavascriptですが、設置が簡単なスクリプトの設置 ...

css,javascript

ヘッダーやコンテンツ、フッターがあるサイトでコンテンツの中身が数行だったりするとフッターが宙に浮いた感じになってどうも見栄えが悪い時ってありますよね。
お問い合わせの送信完了ページとか。

そんな数行しか無いコンテン ...

javascript,jQuery

bxSlider

 

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

javascript,jQuery

Flex Slider 2

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

設定できる ...

css3,html,javascript

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

そのまとめ。

html5shiv.js

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

css,javascript

コンテンツを効率的にレイアウトしたいときにタブを使ってレイアウトすることはよく有ります。

そんな時にCSS+javascript で実装するサンプル

javascript は Yetii (ちょっと古いけど使い ...

javascript

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

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

google mapから埋め込 ...

javascript,jQuery

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

html

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

jQuery

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

javascript

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

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

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