[B! JavaScript][transition] astk_fのブックマーク

astk_f id:astk_f

JavaScriptとtransitionに関するastk_fのブックマーク (3)

[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js
Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか？ PJAXを使い、通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加えることで、非常に高速でシームレスなページ遷移を実現する超軽量(4kb gzip)のスクリプトを紹介します。 Barba.js Barba.js -GitHub Barba.jsのデモ Barba.jsの使い方 Barba.jsのデモ Barba.jsはすでに実際のサイトにも利用されており、Webデザイナーの間でも話題になっているサイトもあります。ページを移動しているにも関わらず、まるでスライダーやパネルを切り換えている感覚で遷移します。
astk_f 2016/07/02
javascript

transition

pjax
リンク
http://dan-silver.github.io/ElementTransitions.js/
elementTransitions.js This repository is a wrapper around the code provided by a codrops article on page transitions. Their code has been modified to allow more than one animatable element per page. Additionally, you can now add transitions straight from html tags.
astk_f 2013/07/16
javascript

library

jQuery

plugin

animation

transition
リンク
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ » SHINGOLOG
iPhoneアプリのようなリッチなUIをブラウザで実現！Web 2.0 Touchが凄すぎる！ 2011年8月25日 in iPhone, Web Web 2.0 Touchは、WebKitエンジン上で動作するJavaScriptライブラリです。 2011/8/22に公開されたばかりの模様。 iPhoneアプリのようなリッチなUIをブラウザでも簡単に作ることができます。 iPhone・iPad・Androidに対応しています。どんな動きが出来るのか、これを見ると一目瞭然です。アニメーション上下左右のフリップ(画面が反転する動き)、ポップイン、ポップアウト、上下左右のスライドが出来ます。テーブル表示お馴染みのテーブル表示もこの通り。角丸タイプのテーブルも作れるようです。ボタンやタブ表示、吹き出しタブ表示は便利な機能ですが、自分ではとても作れないところなので、需要ありそう
astk_f 2011/08/26
iPhone

UI

javascript

animation

transition

library
リンク
1