サイト構築 -JavaScript

[JS]簡単で高性能!動画を背景としてブラウザやコンテナいっぱいに配置するレスポンシブ対応の軽量スクリプト -Bideo.js

Post on:2016年5月25日

動画を背景としてブラウザいっぱいに、もしくは指定したコンテナいっぱいに配置するレスポンシブ対応の単体で動作する軽量スクリプトを紹介します。 Bideoはおそらく、Background Videoの略でしょうかね。 Bid

...記事の続きを読む

[JS]Webページやアプリ用のさまざまなレイアウトを簡単に実装できる便利なスクリプト -Golden Layout

Post on:2016年4月18日

Webページやアプリ用のマルチスクリーン対応の柔軟なレイアウトを簡単に実装できるjQuery, React, Angularに対応したスクリプトを紹介します。 Golden Layout Golden Layout -G

...記事の続きを読む

[JS]縦長ページやスマホページに便利な機能や面白い仕掛けを実装する最近のチェックしておきたいスクリプトのまとめ

Post on:2016年4月11日

縦長のランディングページ、レスポンシブなスマホ対応ページなどに便利な機能や面白い仕掛け、気持ちいいインタラクションやエフェクトなどのアニメーションを実装できるスクリプトやjQueryのプラグインを紹介します。 写真: G

...記事の続きを読む

[JS]最近のWebサイトで見かける気持ちいいアニメーションや便利な機能が実装できる、使いやすいスクリプトのまとめ

Post on:2016年3月14日

最近のWebサイトでよく見かける気持ちいいアニメーションを使ったコンテンツやエフェクト、便利な機能が実装できるjQueryのプラグインやスクリプトを紹介します。 フォント: 851チカラヅヨク

Google Analyticsがさらに使いやすくなる!ユーザーのさまざまなインタラクションを自動的にトラッキングするスクリプト -Autotrack

Post on:2016年3月8日

Google純正のGoogle Analyticsをさらに使いやすくする便利なスクリプトを紹介します。 ページ上のあらゆる要素のクリックイベント、メディアクエリのトラッキング、TwitterやFacebookボタンのトラ

...記事の続きを読む

[JS]画像の拡大表示をシンプルなコードで実装し、スマホ時のクロップ表示にも対応しているスクリプト -enhance.js

Post on:2016年2月29日

Mediumで採用されているような画像拡大のエフェクトに、より使いやすくなるように工夫が加えられたスクリプトを紹介します。 アニメーションがより洗練され、スマホなどの小さいサイズではクロップして画像を表示します。 enh

...記事の続きを読む

これはかなり気になる!スタイルシートの可能性が広がるReact.jsのCSS版のようなスクリプト -Descartes

Post on:2016年2月23日

「React: CSS in JS」からインスピレーションを得て、CSSをJavaScriptで記述し、スタイルの定義、変数・関数の利用、レスポンシブやスクロールなどのイベントに動的に値を生成できるスクリプトを紹介します

...記事の続きを読む

[JS]レスポンシブ用の複数サイズの画像をHTMLの記述で簡単に配置できる超軽量スクリプト -lazySizes

Post on:2016年2月22日

スクリプトは外部ファイルを記述するだけ、レスポンシブ用画像の配置や設定はHTMLベースで記述できるスクリプトを紹介します。 超軽量(5.8KB)で、jQueryなど他のスクリプトは不要です。 lazySizes -Git

...記事の続きを読む

最近のWebサイトで使われている、レスポンシブ対応のページレイアウトに役立つスクリプトのまとめ

Post on:2016年2月12日

レスポンシブ対応のカード型レイアウト、中央で分割されたレイアウト、動画や画像や幾何学模様を背景に配置したり、画像やコンテナのサイズをデバイスごとに最適化したりなど、ページのレイアウトに役立つスクリプトを紹介します。 st

...記事の続きを読む

[JS]スマホもOK!縦長ページやスライダーでコンテンツをさまざまなアニメーションで表示させるスクリプト -pageSwitch

Post on:2016年1月25日

縦長ページで次のコンテンツを表示する時、画像やテキストを配置したコンテンツスライダーで、すぅーとスライドさせたり、ぱたり、くるり、ぐい~んなど、ブラウザいっぱいのコンテンツやパネルをさまざまなアニメーションで表示させるス

...記事の続きを読む

 Prev 1 2 3 4 5 ... 119 120 Next

top of page

©2017 coliss