Category : TIPS

READ MORE

先日ここでレスポンシブ対応のスライドショーの試作品として「jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法 」と題してjQueryを使ってのレスポンシブ対応のサムネイル付きクロスフェードスライドショーを紹介しましたが、操作面に関してフリック操作には対応していなかったので、メイン部分に…

READ MORE

以前からjQueryを使ってのシンプルなスライドショーをいくつか紹介していますがやはり今後はサイト上に設置するスライドショー関連もレスポンシブに対応している必要が出てくることは必至なので試しに作ってみたのを紹介してみます。jQueryでレスポンシブ対応のサムネイル付きクロスフェードスライドショーを作る方法今回のレスポン…

READ MORE

スマホサイト制作の実機検証する際などでQRコードを使うことがよくあるのですがさくっとQRコードを作れる手軽なツールがいまいち見当たらなかったのでjQueryを使って簡単にQRコードを作成できるツールを作ってみたので紹介してみます。(ただ自分で使うために作ったものになりますが・・・)QRコード作成 [QR CODE GE…

READ MORE

以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、同様のパターンで、フェードインさせる順番をランダムにするパターンをできるだけシンプルな構成で作ってみたので紹介してみます。jQuery…

READ MORE

以前ここでも「CSS3 Transitionプロパティでアニメーションを実行させるパターン【ページロード/マウスオーバー/クリックアクション】」と題して、CSSアニメーションの実行パターンをいくつか紹介しましたが、アニメーションの実行制御をCSS側でなくjQueryで操作させる方法が簡単でいろいろとこの先使えそうだった…

READ MORE

Webサイト制作の際にクライアントからの要望などや画像を簡単に保存させたくない時など、右クリック動作を禁止させることがたまにあるかと思います。右クリック禁止はJavaScriptで簡単に実装できますがjQueryを使うと、より簡単に実装することができたのでメモ書きとして紹介してみます。jQueryで右クリックを禁止させ…

READ MORE

一年以上前の記事になりますが「jQueryで画像がクロスフェードするシンプルな画像ビューアー(自動再生)を作成する方法」と題して、画像がクロスフェードするだけのシンプルな画像ビューアーを実装するスクリプトを紹介しましたが紹介後、1ページ内に複数設置やリンクを張ったりキャプション(テキスト)を追加するパターンなどなど数多…

READ MORE

jQueryを使ってのコンテンツスライダーや画像スライドショーなどを出来るだけシンプルなスクリプトでに実装する実験やサンプルをいくつか紹介してきていますが最近よく見かける(流行り?)ブラウザウィンドウ画面の幅をめいっぱい使ってコンテンツ要素をスライドさせて魅せるコンテンツスライダーをまだ試したことがなかったので実験的に…

READ MORE

Webサイト上での限られたスペースにお知らせなどの複数にわたる情報を表示させたい際に便利なニュースティッカー。jQueryプラグインでもいろいろな形状のニュースティッカー用プラグインがありますがシンプル(ベーシック)な動きのニュースティッカーを極力シンプルなスクリプト構成で実装することが出来ないか試してみたので紹介して…

READ MORE

jQueryを使ったアニメーションではCSSのプロパティ値を操作することによってページ上に様々なバリエーションのアニメーションを簡単に実装することが可能になりますが現状(ver.1.8)のデフォルト状態でのjQueryファイルではCSS3のTransform系の回転「rotate」や拡大縮小「scale」といったアニメ…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Partner