JavaScript,jQuery

Thumbnail of post image 094
bxSlider

 

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

2015-04-26JavaScript,jQuery

Thumbnail of post image 113

Flex Slider 2

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

設定できる ...

2022-05-11JavaScript

Thumbnail of post image 104

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

そのまとめ。

html5shiv.js

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

2015-12-15JavaScript

Thumbnail of post image 151

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

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

google mapから埋め込 ...

2015-02-17JavaScript,jQuery

Thumbnail of post image 045

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

html

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

jQuery

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

2015-02-22JavaScript

Thumbnail of post image 101

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

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

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

2015-02-22JavaScript

Thumbnail of post image 115

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

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

2022-05-15jQuery

Thumbnail of post image 012

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

今はGoogle Develope ...