サイト構築 -JavaScript

[JS]実装も簡単、必須入力の有無やメールアドレスのチェックなどフォームのバリデーションをおこなう軽量スクリプト -Validetta

Post on:2013年10月30日

サーバー側でしかできないチェックはサーバー側に任せ、フォームに入力したデータの簡単なチェックはスクリプトで対応したいという人にぴったりなjQueryのプラグインを紹介します。 必須項目の入力漏れやメールアドレスの簡単なチ

...記事の続きを読む

[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のプラグインを紹介します。 このままでの使用用途は限定されていますが、面白いことができそうな予

...記事の続きを読む

top of page

©2024 coliss