サイト構築 -JavaScript
[JS]さまざまな要素にかわいいシャドウをつけるスクリプト、しかも動くよ -Shine
Post on:2014年4月15日
h1, pなどで実装したテキストをはじめ、画像やパネルなど、さまざまな要素にかわいいシャドウをつけるスクリプトを紹介します。 スクリプトは単体で動作するので、jQueryなどの他のスクリプトは不要です。 シャドウは静止だ
CSS3からの新しい単位「rem」をIE8でも利用できるようにするスクリプト -REM unit polyfill
Post on:2014年4月11日
当ブログで紹介した「フォントのサイズ指定はpx? em? 既存の再検討とこれからのテクニック」でこれからのfont-sizeの単位に「rem」を使う方法など、CSS3の新しい単位「rem」は非常に魅力的ですが一つ問題があ
[JS]使い方は簡単!要素や背景をスクロールに合わせてアニメーションさせるスクリプト -Swift Parallax
Post on:2014年4月9日
スクロールした際にコンテンツと背景を異なるタイミングで移動させたり、スクロールすると各要素をさまざまなアニメーションで表示させたりなど、スクロールに合わせて要素や背景をアニメーションさせるjQueryのプラグインを紹介し
[JS]縦長のスクロールページに使いたい便利なスクリプト -isInViewport.js
Post on:2014年4月4日
縦長や横長のスクロールを前提にしたページで、特定の要素がビューポートにあるかどうかを調べ、ビューポートに入ったらスタイルシートを適用できるjQueryのプラグインを紹介します。 isInViewport.js -GitH
[JS]レスポンシブにも対応した使いやすいカルーセルを探す時はこのスクリプトがオススメ! -slick
Post on:2014年4月1日
画像やコンテンツを配置したパネルを次々に水平・垂直にスライドして表示するカルーセルのスクリプトを紹介します。 自由度の高いカルーセルってなかなか無いのですが、「ラスト カルーセル」とサブタイトルがついてるくらい探し回って
[JS]アイデアが素晴らしい!ページにちょっとしたアクセントを加えるスクリプトのまとめ
Post on:2014年3月27日
そのまま使ってもよし、アイデアに刺激されインスパイアされてもよし、の工夫をこらした素晴らしいアイデアのスクリプトを紹介します。 forkit.js forkit.js -GitHub GitHubなどでよく見かけるリボン
[JS]a要素にclassを加えるだけで別窓や印刷、ページ内アンカーへのスクロールなどの機能を加えるスクリプト -jQuery A+
Post on:2014年3月19日
HTML5でもXHTMLのどちらでもvalidなHTMLで、a要素にclassを加えるだけでリンクを別窓で開いたり、モーダルウインドウを表示したり、通知パネルを表示したり、ページ内アンカーへアニメーションでスクロールさせ
これはカッコイイ!アイテムを浮かせて斜めにスライドさせるコンテンツスライダー -Tilted Content Slideshow
Post on:2014年3月17日
まずは、デモの一部をアニメーションgifにしたものから。 なにこのかっこいいスライダーは!!!って感じです。 Tilted Content Slideshow
[JS]アニメーションgifにスタートとストップ機能をつけられるスクリプト -gifplayer
Post on:2014年3月14日
アニメーションgifは画像が表示されるとすぐにアニメーションが動き出しますが、それらのアニメーションgifにスタートとストップ機能をつけられるjQueryのプラグインを紹介します。 スタートをクリックしてからアニメーショ
[JS]シンプルながら優れモノ!ホバーやクリックでさまざまなツールチップを表示するスクリプト -DarkTooltip
Post on:2014年3月13日
ツールチップ系のスクリプトは数多くありますが、これはなかなか使いやすそう! トリガーはホバーだけでなくクリックにも対応、HTMLコンテンツの表示にも対応、カスタマイズにも優れており、カラー、サイズ、不透明度、表示方向、ア
sponsors