サイト構築 -JavaScript

[JS]スマフォに最適!フォームのラベルをアニメーションでぽんっと表示するスクリプト -Label Better

Post on:2013年11月26日

フォームにフォーカスすると、プレースホルダーに配置したラベルがアニメーションでぽんっと上に移動するjQueryのプラグインを紹介します。 デスクトップ用のページで使用してもかっこいいですが、スマフォ用のページにも省スペー

...記事の続きを読む

[JS]操作にマウスは不要、ターミナルのようにコマンド入力でナビゲートするスクリプト -Termic

Post on:2013年11月22日

ターミナルを愛する人のためにCoffeeScriptで開発されたオープンソースのjQueryのプラグインを紹介します。 デモはシンプルですが、いろいろ応用ができそうです。 Termic -GitHub

[JS]脚注をデスクトップ・タブレット・スマフォそれぞれで最適に表示するスクリプト -sidenotes

Post on:2013年11月20日

デスクトップ時はすぐ横に、タブレットではすぐ下に、スマフォではフッタにまとめて脚注を表示するjQueryのプラグインを紹介します。 sidenotes sidenotes- GitHub

[JS]PCのキーボードを鍵盤にして、オルガンやギターの演奏が楽しめるスクリプト -Audio Synth

Post on:2013年11月19日

シンセサイザー、オルガン、アコースティックギターなどの演奏を手元のPCのキーボードで楽しめる単体で動作するスクリプトを紹介します。 Audio Synth Audio Synth -GitHub

[JS]スクロールに合わせてページ内のさまざまな要素を最適なポジション・スタイルで表示するスクリプト -Auto Fix Anything

Post on:2013年11月14日

ヘッダやナビゲーション、サイドバーなど、ページ内のさまざまな要素をスクロールに合わせてポジションやスタイルを最適化するjQueryのプラグインを紹介します。 HTMLはほとんど手を加えないので、既存のサイトにも簡単に利用

...記事の続きを読む

[JS]面白いコンテンツが作れそう!動画とCSS3アニメーションを同調させるスクリプト -charlie.js

Post on:2013年11月7日

動画とCSS3アニメーションを同調させ、動画を表示しているページに要素をCSS3アニメーションで動かすことができるスクリプトを紹介します。 動画とコンテンツを連動させてプロダクトやサービスを紹介したり、教育コンテンツでも

...記事の続きを読む

[JS]デモがバツグンにかっこいい!さまざまな要素がビューポートに表示される時にエフェクトを与えるスクリプト -onScreen

Post on:2013年11月7日

ブログのように記事のサムネイルを縦長に配置したり、画像ギャラリーのように画像を垂直・水平に配置したり、ブラウザの表示範囲外の要素を水平・垂直スクロールで表示する時にちょっと素敵なエフェクトを加えるjQueryのプラグイン

...記事の続きを読む

[JS]円グラフにピッツァのようなかわいいアニメーションを与えるスクリプト -Pizza Pie Charts

Post on:2013年11月5日

円グラフをピッツァやドーナツに見立て、ホール状のものから1ピースを抜き出すようなアニメーションがかわいいエフェクトを備えたjQueryのプラグインを紹介します。 円グラフは、確かにホールのピッツァに似てますねw Pizz

...記事の続きを読む

[JS]コンテンツを効果的にナビゲートするjQueryのプラグインのまとめ

Post on:2013年11月1日

スマフォ・タブレットでよく見かける三本線のナビゲーションをはじめ、コンテンツをスライドしてかっこいいアニメーションで表示されるサイドバー、1ページで構成されたサイト用のナビゲーションなど、あなたの大切なコンテンツを効果的

...記事の続きを読む

[JS]指定した要素内いっぱいに背景画像を最適に配置するシンプルなスクリプト -Wallpaper

Post on:2013年10月31日

ブラウザの表示サイズを変更しても、指定した要素内を背景画像で満たすjQueryのプラグインを紹介します。 Wallpaper Wallpaper -GitHub

top of page

©2024 coliss