サイト構築 -JavaScript

[JS]ページにちょっとしたイースターエッグを仕込むことができるスクリプト -Overscroll

Post on:2015年2月9日

デスクトップやスマホで、ページの領域を超えてスクロールするとバウンドするような感じになりますよね。その時にちょっとしたイースターエッグをアニメーションで表示する単体で動作する軽量スクリプトを紹介します。 Overscro

...記事の続きを読む

[JS]ユーザーが快適に操作できることにこだわった、タッチデバイスにも対応のスライダーを実装するスクリプト -Flickity

Post on:2015年1月29日

画像やコンテンツのスライダーをスマホ・タブレットなどのタッチデバイスでの標準操作にも対応したいと考えている人にぴったりの単体で動作するスクリプトを紹介します。 ※jQueryのプラグインとして利用することも可能です。 i

...記事の続きを読む

[JS]簡単で楽ちん!さまざまなタブコンテンツをシンプルなHTMLで実装できる軽量スクリプト -PWS Tabs

Post on:2015年1月26日

CSS3を使った軽量でかっこいいさまざまなアニメーションでコンテンツを表示するタブコンテンツを実装するjQueryのプラグインを紹介します。 タブコンテンツのスタイルも豊富に用意されており、シンプルなHTMLで簡単に実装

...記事の続きを読む

[JS]懐かしい!あのテトリスがWebページに簡単に設置できるスクリプト -Blockrain.js

Post on:2015年1月20日

数行のコードをコピペするだけで、テトリスをWebページに簡単に設置できるjQueryのプラグインを紹介します。 テトリスは実際にプレイすることが可能で、スコア機能もついています。しかもレスポンシブ対応! Blockrai

...記事の続きを読む

[JS]非常に少ないコードでパララックスのエフェクトを実装できるスクリプト -Parallaxor

Post on:2015年1月19日

指定した要素をスクロールに応じて、さまざまな方向に異なるタイミングでアニメーションさせることができるjQueryのプラグインを紹介します。 Parallaxor -GitHub

各コンテンツがカーテンを上げるように表示される縦長ページを簡単に実装できるシンプルなテンプレート -OnePageR

Post on:2014年12月19日

div, section要素で配置したパネルをブラウザいっぱいに表示にし、スクロールするとカーテンを上げるようにパネルを次々に表示させるスクリプトを使ったテンプレートを紹介します。 キーボード操作、タッチ・スワイプ操作対

...記事の続きを読む

[JS]スマホやタブレットのタッチデバイスでの操作がめちゃ快適な画像ギャラリーのスクリプト -PhotoSwipe

Post on:2014年12月16日

スワイプでの操作が非常に快適な画像ギャラリーのスクリプトを紹介します。 スマホやタブレットだけでなく、デスクトップでのクリックやドラッグ、そしてキーボード操作にも対応している優れ物です。 PhotoSwipe Photo

...記事の続きを読む

[JS]縦長ページでデスクトップでもスマホでもデザインの邪魔をしないナビゲーションを実装するスクリプト -MenuItems

Post on:2014年12月9日

最近どんどん増えてきた縦長ページ用でデザインの邪魔をせずに、使い勝手を向上させるかっこいいアニメーションを備えたナビゲーションを実装するjQueryのプラグインを紹介します。 MenuItems MenuItems -G

...記事の続きを読む

2014年総まとめ、jQueryのプラグインとスクリプト100選

Post on:2014年12月5日

毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメ

...記事の続きを読む

[JS]フォームのさまざまなエレメントを異なるブラウザ・スクリーンで同じように美しく表示させるスクリプト -Formplate

Post on:2014年11月26日

フォームのさまざまなエレメントを異なるブラウザ、異なるスクリーンでも美しく同じ見た目にするjQueryのプラグインを紹介します。 Formplate Formplate -GitHub

top of page

©2024 coliss