パララックス用ライブラリ skrollr.js を使ってみた｜Gimmick log
TOPJavaScript パララックス用ライブラリ skrollr.js を使ってみた パララックス用ライブラリ skrollr.js を使ってみた 公開日：2015.11.20 更新日：2017.10.18 JavaScript, パララックス 有名パララックスサイト用ライブラリskrollr.jsを使ってみました。 IE7にも対応しており、（transformプロパティは未対応）実用的です。 今回作ってみたサンプルページ skrollr.js の使い方 CSSを読み込む <link href="src/skrollr.css" rel="stylesheet" type="text/css" /> JSを読み込む（下部） <script type="text/javascript" src="dist/skrollr.min.js"></script> <!--[if lt IE 9
Granim.jsでグラデーションをアニメーション表示してWebサイトをリッチにしよう - Qiita
GitHubでトレンド入りしているJavaScriptライブラリGranim.jsの紹介記事です。 デモ画面が用意されているのでどんなのか見てみてください。 ※執筆時点（2016/09/15）のバージョンはv1.0.5です。 公開されて間もないため、かなりの頻度で更新されています。 バグフィックスや機能追加等の変更が入ると思います。 使い方 基本的にはデモ画面やAPIを見てください。 本記事ではそこを見ても分かりづらかった点を記載していきます。 ライブラリはzipをダウンロードした方が手軽です。（npmでも提供されています） https://github.com/sarcadass/granim.js/releases 上記から最新版を落としておきます。 最小構成は以下の様になります。 <canvas>タグを用意 granim.jsを読み込む new Granim({});でグラデーション
ちょっとした仕掛けや面白い表現を実装できるjQueryプラグイン - NxWorld
サイトにちょっとした仕掛けをつけたり、使い方によっては面白い表現を与えてくれるjQueryプラグインをいくつか紹介します。 案件とかだと難しいですけど、例えば個人ブログのように自分でサイトを運営しているなら、こういった遊び心を取り入れても面白いですね :) サイトにコナミコマンドを埋め込む「Cheat Code」 サイトで↑↑↓↓←→←→BAのようなコナミコマンドを入力するとメッセージを表示できるプラグイン。 使い方は「Cheat Code」よりjquery.cheat-code.jsをダウンロードし、jQueryと合わせて読み込みます。 例としてコードは下記のようになります。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.c
スクロールバーのデザインをカスタマイズする超多機能jQueryプラグイン「custom scrollbar」 | eturlt.net
ブラウザ標準のスクロールバーを、自分のデザインに変更するためのjQueryプラグイン「custom scrollbar」。 jQuery custom content scroller – malihu | web design jQuery custom scrollbar demo（デモページ） スクロールバーをカスタマイズするJSは色々あるけど、これが一番多機能そうなのでご紹介。 基本的に上記ドキュメントページを要約して翻訳しています。間違ってたらすみません。 導入方法 基本的にはJSを読み込んで指定をするだけです。 基本的な使い方 jQueryとmCustomScrollbarのjs, cssを読み込む ダウンロードはjQuery custom content scroller – malihu | web design のdownloadから <link href="jquery
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
