Tecuration .com

Pinterest風なレイアウトをCSSで組み立てる「Salvattore」

「Salvattore」はPinterest風なグリッドレイアウトをCSSドリブンで実現するjQueryプラグインです。

Salvattore

Salvattore

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

YouTube風のページローダーを実装する「NProgress.js」

「NProgress.js」はYouTube風な画面上部にページ読み込みのプログレスバーとローダーを実装できるjQueryプラグインです。

NProgress.js

NProgress

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

jQuery+CSS3で作るAndroid風なドックメニュー「Android Dock」

以下の記事「Android Dock」ではAndroid端末で提供されているようなドックメニューを実装する方法が紹介されています。

Creating Android Dock Using jQuery & CSS3

androiddock

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

スクロールしても付いてくるボックスを実装する「Sticky-Kit」

「Sticky-Kit」はスクロールしても付いてくるエレメントを実装出来るjQueryプラグインです。ブログでよく見かけるスクロールしても付いてくるサイドバーなどを実装できます。

Sticky-Kit

sticky-kit

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

ボックスの幅に合わせてフォントサイズ、行間を自動調整する「FlowType.js」

「FlowType.js」はボックス幅を変更すると、その幅に応じたフォントサイズ、行間に自動調整してくれるjQueryプラグインです。

FlowType.js

flowtype

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

もっと読む機能をサクッと実装したいなら「Readmore.js」

「Readmore.js」は”もっと読む”機能をJavaScriptたった1行で実装できてしまうjQueryプラグインです。

Readmore.js

readmore-demo-1

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

宇宙をイメージしたパララックスがたった1行で作れる「StarScroll」

「StarScroll」は上から下へ星が流れるアニメーションを実装するjQueryプラグインです。まさに宇宙のようでありパララックスデザインにピッタリ。

StarScroll

Starscroll

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

Nexus7-Webサイトのサイドメニューが実装できる「Google Nexus Website Menu」

「Google Nexus Website Menu」はGoogle社が発売しているNexus 7のホームページに設置されているようなサイドバーが実装できるJavaScriptライブラリです。

Google Nexus Website Menu

Google-Nexus-Website-Menu

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

シングルページ用のJavaScriptフレームワーク「scaleApp」

「scaleApp」は1ページに全ての機能を集約したようなシングルページのサービスで効果を発揮するJavaScriptフレームワークです。

scaleApp

scaleApp

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

スクロールするアニメーションが素敵なメニューバー「AnimateScroll」

「AnimateScroll」はグローバルナビを実装するjQueryプラグインで、クリックするとページ内の該当箇所へスクロールします。hover時のアニメーションがとても素敵なグローバルナビを実装できます。

AnimateScroll

AnimateScroll

Read more

  • コメント (Close): 0
  • トラックバック (Close): 0

Home

Return to page top