WebDesign Dackel

jQueryで画像切り替えをする為のプラグインを書きました

jQueryで画像切り替えをする為のプラグインを書きました

以前、On、Offの画像を切り替えるプラグインを書きました。 年末を使って、Githubのリポジトリの整理がてら、プラグインを書き直してみました。 プラグインの概要 <img>タグや背景画...

OwlCarousel2を試してみる

OwlCarousel2を試してみる

レスポンシブなサイトを作る時によくお世話になっているOwlCarouselに新しいバージョンが出たので早速触ってみました。 Owl Carousel 2 まだベータ版らしいのですが新しい機能が幾つか追...

jqueryオブジェクトからセレクタ名を取得

jQueryを使ってJSを書く時に他のブログなどでも散々書かれていますが、何度も使うjQueryオブジェクトは変数化しましょう!というのがあります。 これは内部的に何度も同じ要素を取得させないようにキ...

バージョンの違うjQueryを読み込んでいるHTML内で安全に開発

一から開発をしていればほとんど無いことかもしれませんが、クライアントワークなどではそのサイトで既に読み込んでいるjQueryがあって、実装にどうしてもそれ以上(またはそれ以下)のバージョンのjQuer...

jQueryのanimate、fadeIn,OutがIE8でエラー??

jQueryを使って画像のフェードイン・アウトを実装している時に起きたエラーです。 すごく単純に単純に以下の様なコードを書いていました。 $("selector").fadeTo(300, 0); い...

jQueryを使って相対パスをhttpから始まる絶対パスに変換

jQueryを使って相対パスをhttpから始まる絶対パスに変換

ちょっと忘れないようにメモです。 この前、色々とプラグインの中身を見ていたら相対パスを絶対パスに変換する面白いコードがありました。 タイトルにある様なことをする時に、前だったら現在のURLを取得してそ...

jQueryを使って一定のスクロール位置に来たら、フッターを固定・解除する

よくあるUIで、サンプルや実装方法は他のサイト様でもよく紹介されていたのですが、フッターを固定・解除するものを実装している時に見事にハマったので、ハマった箇所、実装方法を合わせてメモしておこうと思いま...

jQueryでプラグインを使わずに、マウス位置によるスクロールアニメーションを実装してみる

jQueryでプラグインを使わずに、マウス位置によるスクロールアニメーションを実装してみる

今回は、よくFlashサイトで見られた演出でマウスの位置によってスクロールするUIをプラグインを使わずに実装してみようかと思います。 こういったUIを作るためのUIはすでに出ていていますので、無理に自...

jqueryでレスポンシブサイトへ対応。PCとスマートフォンでCSSを切り替えるプラグインjquery.switchview.jsを作った

jqueryでレスポンシブサイトへ対応。PCとスマートフォンでCSSを切り替えるプラグインjquery.switchview.jsを作った

最近、PCサイトをそのままワンソースでスマホ対応させる、いわゆるレスポンシブサイトに携わる事が多く、サーバーサイドは使えない、、Mediaqueryも禁止、なのでJSでCSSを動的に切り替えるという手...

CreateJSでぶわぁ〜ってなるやつを作ってみた

CreateJSでぶわぁ〜ってなるやつを作ってみた

乗り遅れた感がありますが、ちょっと前にCreateJSを始めて触ってみました。 学生の頃にFlashが好きで、デザインの授業をサボってFlashばっかりやっていた時期がありました。動くものが好きみたい...