サイト構築 -JavaScript

[JS]プロダクトの一覧表示を1クリックで、リストとグリッドに切り替えるチュートリアル

Post on:2012年6月19日

ベーシックなHTMLとCSSで実装されたプロダクトページの表示をリストとグリッドに切り替えるjQueryのチュートリアルを紹介します。 Building a List/Grid View Switcher with jQ

...記事の続きを読む

[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js

Post on:2012年6月18日

ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js

[JS]動画もFlashも使わずに、商品をぐるぐるとアニメーションで回転させるスクリプト - fc.tape

Post on:2012年6月15日

CSSスプライトを使って、映画のフィルムを再生するように画像をアニメ化するjQueryのプラグインを紹介します。 操作は下記キャプチャのようにボタンをはじめ、ドラッグにも対応しており、アニメーション再生のスムーズ機能も備

...記事の続きを読む

[JS]スマートフォンのタッチイベントを取得する各スクリプトのまとめ(仕様比較)

Post on:2012年6月14日

タッチイベントを取得する各スクリプトの対応イベント、スタンドアローンなのかjQueryが必要なのか、ファイルの容量など、仕様の比較をまじえて紹介します。 QUOjs イベント タッチ、タップ、ダブルタップ、ホールド、フィ

...記事の続きを読む

[JS]アコーディオンとカルーセルが合体したスライダーのスクリプト -Accarousel

Post on:2012年6月13日

伸び縮みするアコーディオンと回転木馬のようにスライドするカルーセルを合体させたスライダーを実装するjQueryのプラグインを紹介します。 jQuery Accordion with Carousel – Accarous

...記事の続きを読む

[JS]Responsiveデザイン用のスタイルシートファイルのロードを最適化するスクリプト -eCSSential

Post on:2012年6月12日

Responsiveデザイン用に用意した複数のスタイルシートファイルのロードを最適化する超軽量(2KB)のスクリプトを紹介します。 eCSSential -GitHub

[JS]セレクトボックスの使い勝手をパワーアップするスクリプト -Select2

Post on:2012年6月11日

セレクトボックスを美しいデザインにするだけでなく、各アイテムに画像を配置したり、タグやプレースホルダテキストや検索の対応、セレクトボックスのコントロールなど、さまざまなことができるjQueryのプラグインを紹介します。

...記事の続きを読む

[JS]実装も簡単!ページ内の次にどこを見るかアニメーションでガイドするスクリプト -Pageguide

Post on:2012年6月8日

必要な時だけ、ページ内の指定したエレメントに番号付きのナビゲーションを設置するjQueryのプラグインを紹介します。 移動はアニメーションでスライドするので、気持ちいいです。 Pageguide -GitHub

[JS]FlashもHTML5も無しで、美しいアニメーションを実装するスクリプト -jCSML

Post on:2012年6月7日

FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCS Media L

...記事の続きを読む

[JS]グリッドに沿ってさまざまな要素を互い違いにスライドさせるスクリプト -Grid Slide

Post on:2012年6月6日

画像やパネルをシャッフルしてスライドさせるjQueryのプラグインを紹介します。 Grid Slide Plugin

top of page

©2024 coliss