サイト構築 -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コンテンツの表示にも対応、カスタマイズにも優れており、カラー、サイズ、不透明度、表示方向、ア

...記事の続きを読む

top of page

©2024 coliss