サイト構築 -JavaScript

[JS]ページのツアーガイドをjQuery無しで実装するスクリプト -Shepherd

Post on:2014年5月19日

ページの使い方は、見ただけで分かるようにデザインするのが一番ですが、100%伝えるのは難しいものです。そういう時に役立つツアーガイドを簡単に実装できるスクリプトを紹介します。 ツアーガイドとしてだけでなく、お遊び的に使う

...記事の続きを読む

[JS]画像を用意しなくていいから簡単!クリッカブルに対応した日本の都道府県の地図を表示するスクリプト -Japan Map

Post on:2014年5月16日

日本の都道府県の地図をクリッカブルマップで表示する純国産のjQueryのプラグインを紹介します。 地図自体はCanvasで描かれているので、画像を用意する必要はありません。 Japan Map Japan Map -Gi

...記事の続きを読む

[JS]CSS3アニメーションを使ったページが簡単な記述で面白いように実装できるスクリプト -AniJS

Post on:2014年5月12日

スクロールするとヘッダがアニメーションで移動したり、コンテンツが次々とスライドして表示されたり、ページのロード時にふわっと表示したりなど、スクロール、ロード、クリック、ホバー、フォーカスなどのさまざまなイベントをトリガー

...記事の続きを読む

[JS]かわいくて楽しい!ピクセルベースの3Dグラフィックをウェブページで利用できるスクリプト -Obelisk.js

Post on:2014年5月8日

アニメーションでも動く3Dのピクセルベースのオブジェクトをウェブページで利用できるHTML5 Canvasをつかったスクリプトを紹介します。 Obelisk.js -GitHub

次のプロジェクトで使いたい、CSS3からSVGまでアニメーションを実装するスクリプトのまとめ

Post on:2014年5月2日

最近のウェブやスマフォのページで使われている効果的で面白いさまざまなアニメーションを実装できるスクリプトを紹介します。 スクロールに連動してさまざまな要素がアニメーションで表示されたり、ページを表示する時にふわっとさせた

...記事の続きを読む

[JS]フォームに入力された数字が見やすくなる!指定した桁数ごとに自動で区切るスクリプト -Politespace

Post on:2014年4月30日

クレジットカードや郵便番号など、フォームに入力された数字を指定した桁数ごとに区切って表示するjQueryのプラグインを紹介します。 Politespace -GitHub

[JS]スタイルシートではできないテーブルの繋がったセルをハイライトするスクリプト -Wholly

Post on:2014年4月28日

テーブルにマウスでホバーすると、そのセルがハイライトしたり、列や行がハイライトするのはスタイルシートで実装できますが、rowspan, colspanがあるテーブルではうまくいきません。 テーブルのrowspan, co

...記事の続きを読む

[JS]一味違ったアイデアでレスポンシブ対応のテーブルを実装するスクリプト -Responsive tables

Post on:2014年4月24日

レスポンシブ対応のテーブルというと、ヘッダが固定されるとか、幅が狭くなるなどといったものが多いですが、これは一味違った対応方法で、表示する幅に合わせて列の数が調整できるテーブルを簡単に実装できるスクリプトです。 実装には

...記事の続きを読む

[JS]ページ全体、ページ上のさまざまな要素にオーバーレイをかっこよく表示するスクリプト -plainOverlay

Post on:2014年4月23日

ページ全体、ページ上のさまざまな要素にオーバーレイをアニメーションでかっこよく表示するjQueryのプラグインを紹介します。 実装は非常にシンプルで、オーバーレイのカラーや不透明度、アニメーションなどのカスタマイズも簡単

...記事の続きを読む

jQueryのプラグインを探す時に便利なサイトのまとめ

Post on:2014年4月17日

星の数ほどあるたくさんのjQueryのプラグインから、目的にあったものを探すのはなかなか大変ですよね。そんな時に役立つ便利なサイトをまとめました。 まずは手前ミソで自分がまとめたものから。 これは本当に多大な労力と実際の

...記事の続きを読む

top of page

©2024 coliss