慣性スクロールとパララックスエフェクトのVanilla.jsプラグイン「Luxy.js」作ってみた | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちはアートディレクターの奥田です。 最近は娘の成長を見るのがとても楽しみで、寝返りしたと思えば次の日にはずりばいの練習をしていたりと日々成長していく姿に感動しております。 さて、Webサイトに高級感を与える慣性スクロールとパララックスエフェクトのVanilla.jsのプラグインを作ってみました。 サイト制作にぜひ役立ててみてください。 Table of contentsインストール使い方オプション補足さいごにインストールnpmで簡単にインストール可能です。 npm install luxy.js --saveまたは、ページにスクリプトを含めることで使用できます。 <script src="path/to/luxy.js" charset="utf-8"></script>プロジェクトにluxy.jsを含めて以下のように初期化してください。 <script charset="utf-8
Barba.jsを使うときに設定しておくと便利なスニペット | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、アートディレクターの奥田です。 以前、Pjaxを簡単に導入できるBarba.jsをご紹介いたしました。 前の記事：Pjax（非同期画面遷移）でシームレスな画面遷移ができるBarba.js シームレスでかっこいいWEBサイトの制作にはBarba.jsが非常に便利なのですが、リンククリック時の動作やメタタグの取得などちょっとしたことで躓くことがあります。 今回は僕がこの1年ほどで使用してきたスニペットをご紹介したいと思います。 サイト制作のお役に立てていただければ幸いです。 Table of contentsGoogle Analyticsを有効にするheadタグ内の必要なメタタグを取得する該当する拡張子がついたリンクにtarget=”_blank”をつける外部リンクにtarget=”_blank”をつけるアンカーリンクであり同一ページでなければPjaxを有効にする該当クラスに属し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
