サイト構築 -JavaScript
[JS]なにこれ楽しい！インタラクション満載の路線図を実装するスクリプト -transitive.js
Post on:2014年5月23日
路線図の入り組んでいるところって、分かりにくいですよね。 そんな問題を解決するCanvasで実装するインタラクション満載の路線図のスクリプトを紹介します。 ↓くっついてて分かりにくい箇所も、こんな感じに移動できます。 t
[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のプラグインを紹介します。 実装は非常にシンプルで、オーバーレイのカラーや不透明度、アニメーションなどのカスタマイズも簡単
sponsors
