jQuery

CSS、jQueryが後から読み込みまれて要素が一瞬表示されてしまう時の対処

CSS、jQueryが後から読み込みまれて要素が一瞬表示されてしまう時の対処

2015/7/22  

便利なスクリプトを使ってWebサイトを構築することが多いです。 私がよく使うのがトップページのメイン画像のスライドショーのスクリプトです。 一瞬、画像が縦に並んで少し時間がたつとスライドショーが始まる ...

スマートフォン案件が増えてきたので「CSS3+jQueryで作るスマートフォンサイトUI図鑑」を買ってみた

スマートフォン案件が増えてきたので「CSS3+jQueryで作るスマートフォンサイトUI図鑑」を買ってみた

2015/7/6  

最近、過去に作った案件でスマートフォン化にする仕事が増えてきています。色々なギミックを使ったり、ライバル会社などのサイトを参考にしたりしています。 スマートフォンの本を一冊も持っていなかったので本屋へ ...

jQuery 「intro.js」を使って簡単にチュートリアルが実装できる方法(サンプル付き)

2014/9/29  

フォーム入力、ダウンロードの仕方、会員登録などやり方を画像キャプチャーで撮って「始めにここに入力してください」「次は~」とチュートリアルを作るのが大変なときがあります。 今回は、簡単にチュートリアルが ...

jQuery 「alertify.js」を使って通知表示、アラート、ダイアログを実装するやり方

jQuery 「alertify.js」を使って通知表示、アラートのダイアログを実装するやり方

2014/5/18  

通知表示、アラートなどを表示させるときに何かいいスクリプトが無いか探してたら、ちょうど良いものがありましたのでalertify.jsを使って実装するやり方を紹介します。 URLhttp://fabie ...

jQuery 「swipebox.js」を使ってスマホにも対応している画像切り替えをする方法(サンプル付き)

jQuery 「swipebox.js」を使ってスマホにも対応している画像切り替えをする方法(サンプル付き)

2014/2/23  

LightBox系のプラグインを今まで使っていましたが、Swipeboxは画像を表示しているときにキーボードの矢印で画像を切り替えることが出来るので便利です。 URLhttp://brutaldesi ...

背景の画像をフェードイン・フェードアウトさせるjQuery 「BACKSTRETCH」を使って実装する方法(サンプル付き)

背景の画像をフェードイン・フェードアウトさせるjQuery 「BACKSTRETCH」を使って実装する方法(サンプル付き)

2014/2/21  

画像を大胆に大きく使ってサイトをカッコよく見せる方法があります。 今回は、web初心者向けにwebサイト上で配布しているスクリプトを使って背景の画像がフェードイン・フェードアウトをするjQueryを実 ...

Web初心者がjQuery 「champagne.js」を使ってランダムにコンテンツがフェードインする方法(サンプル付き)

Web初心者がjQuery 「champagne.js」を使ってランダムにコンテンツがフェードインする方法(サンプル付き)

2014/2/3  

サイトのメインの画像が小さかったり、何枚も画像があった時にどうやったらインパクトがある表示方法があるか悩んだことがあります。 今回は、web初心者向けにwebサイト上で配布しているスクリプトを使ってラ ...

Web初心者がjQuery 「infiniteslide.js」を使って無限スクロールコンテンツを実装する方法(サンプル付き)

Web初心者がjQuery 「infiniteslide.js」を使って無限スクロールコンテンツを実装する方法(サンプル付き)

2014/1/29  

ギャラリーの写真を並べてスライドさせるだけでもコンテンツになります。カフェなどのサイトで店舗外見、メニューなどきれいな写真を撮って見せるだけでもきれいです。 今回は、web初心者向けにwebサイト上で ...

Web初心者がjQuery 「jMenu」を使ってドロップダウンのナビゲーションを実装する方法(サンプル付き)

Web初心者がjQuery 「jMenu」を使ってドロップダウンのナビゲーションを実装する方法(サンプル付き)

2014/1/23  

グローバルナビで、サブメニューがあるときにスムーズにサブメニューが表示するサイトをいくつか見かけました。 今回は、web初心者向けにwebサイト上で配布しているスクリプトを使ってドロップダウンメニュー ...

Web初心者がjQuery 「dbpasCarousel」を使ってバナーやテキストなどのコンテンツを横にスライドさせて表示させる(カルーセル)を実装する方法(サンプル付き)

Web初心者がjQuery 「dbpasCarousel」を使ってバナーやテキストなどのコンテンツを横にスライドさせて表示させる(カルーセル)を実装する方法(サンプル付き)

2014/1/9  

バナーがたくさんあって困ったことありませんか? バナーを設置するスペースが無いときに限られたスペースの中でスライドをさせるjQueryがあります。 今回は、web初心者向けにwebサイト上で配布してい ...

© 2024 Sedori Plan