サイト構築 -JavaScript
[JS]jQuery無し、アニメーションを使ったスライダーを簡単に実装できる軽量スクリプト -slidr.js
Post on:2013年10月28日
リストや画像やdivなど、inlineでもinline-blockでもblock要素でも、アニメーションを使ったスライダーが簡単に実装できるスクリプトを紹介します。 スライドの方向も左右だけでなく、上下にも対応しており、 […]
[JS]数字や文字をクルマの走行距離計のようにぐるぐる回転させて表示するスクリプト -Odometer
Post on:2013年10月25日
数字をそのまま表示しておくのもいいですが、よりユーザーの目を引きつけるようにぐるぐると回転させて表示するスクリプトを紹介します。 Odometer Odometer -GitHub
[JS]画像を使わずに、テキストをかわいくサークル状に配置するスクリプト -CircleType
Post on:2013年10月24日
タイトルや見出し、キャッチなどのテキストをかわいくサークル状のパスに沿って配置するjQueryのプラグインを紹介します。 CircleType CircleType -GitHub 日本語ももちろんサークル状に配置できま […]
[JS]スクロールして次に表示するコンテンツを引っ張り上げるように表示するスクリプト -pullupScroll
Post on:2013年10月23日
スマフォやタブレットのアプリでよく見かける、次に表示するコンテンツを引っ張り上げるように少しだけ遅らせて表示するjQueryのプラグインを紹介します。 こういうちょっとしたエフェクトって、楽しいですね。 Smooth s […]
[JS]異なる高さのパネルを高いものに揃えたり、指定した高さに揃えるスクリプト -Equal Column Heights 2.0
Post on:2013年10月22日
異なる高さのdivなどの要素をもっとも高いものに揃えたり、指定した高さに揃えたりする「Equal Column Heights」がバージョンアップしたので、ご紹介。 簡単に実装でき、しかもさまざまな機能が強化されました。 […]
[JS]かっこいいインタラクションを伴ったスマフォに最適な省スペース用フォームのデモ
Post on:2013年10月17日
先月の終わりにdribbbleで公開された時に、うわっかっこいいな！と思いチェックしていたコンセプトにデモとして動作するスクリプトが開発されたので紹介します。 まずは、dribbbleでのコンセプトから。 [GIF] M […]
[JS]斜めのグリッドを使った美しいレイアウトを簡単に実装できるスクリプト -diamond.js
Post on:2013年10月16日
スタイルシートやスクリプト初心者でも簡単！ 斜めのグリッドを使った美しいダイアモンド状のレイアウトを実装できるjQueryのプラグインを紹介します。 diamonds.js- GitHub
[JS]Pinterestやウォールなどの最近よく見かけるカードを使ったレイアウトを作成するスクリプト -Freewall
Post on:2013年10月15日
デスクトップでもタブレットでもスマフォでも、カードを使ったさまざまなパターンのグリッドレイアウトをダイナミックに作成するjQueryのプラグインを紹介します。 Freewall Freewall -GitHub
[JS]着眼点が面白い！スクロールできない状態でキーボードやクリックでスクロールさせるスクリプト -Scrollocue
Post on:2013年10月11日
オートキューやテレプロンプターのように、文章や歌詞、台詞、記事、原稿などのテキストを順番にスクロールして表示させるjQueryのプラグインを紹介します。 このままでの使用用途は限定されていますが、面白いことができそうな予 […]
[JS]1ページで構成されたサイトに豊富なコンテンツをスライドで表示するスクリプト -Slideme
Post on:2013年10月10日
動作を簡単に説明するのが難しいのですが、1ページにコンテンツを垂直に複数配置し、その各コンテンツをそれぞれ水平のスライダーにするjQueryのプラグインを紹介します。 IE7もサポートしていますよ。 Slideme
sponsors
