jQueryでページ遷移時にスライドアニメーションをつけてみる【改訂版】｜BLACKFLAG
かなり前に「jQueryでページ遷移時にアニメーション効果をつけてみる。」と題して、 jQueryでページ遷移時に画面をスライドさせるアニメーション効果をつけるSCRIPTを紹介しましたが、 どうやらブラウザによって、画面遷移後にブラウザの「戻る」ボタンで前画面に戻ると 遷移時にアニメーション用の動作として操作したCSSの指定が残ってしまって 画面が真っ白になることがあったので、その不具合対応版を作ってみました。 jQuery PAGE SLIDE MOVE まずはサンプルから 【改訂版】サンプルはこちら※「次へ」をクリックしていくとページ全体がスライドして遷移します。 画面内の「次へ」などをクリックして画面遷移した後、 ブラウザの「戻る」ボタンを押しても画面が真っ白にな現象は発生しないと思います。 ※以前の記事のサンプルはブラウザによって画面が真っ白になります。 以前の記事の内容から H
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
Webで完結するすごいスライド「rvl.io」が登場 【増田 @maskin】 | TechWave（テックウェーブ）
HTMLベースのプレゼンテーションについて、これまでいくつかの素晴らしいプラットフォーム紹介してきた ( Slippy ・ Impress.js)。 最近では「reveal.js」というJavaScriptライブラリ(支援プログラム群)を使用したプレゼンがお気に入りで、資料作りや外出先でのプレゼンで頻繁に利用してた。 ただこれらはHTMLベースであるため、テキストエディタなどで直接HTMLファイルの中にプレゼンの内容を記述する必要があり、書いては、ウェブブラウザで表示をチェックするなどの手間があった。 そこで「rvl.io」の登場である。reveal.jsをベースに、ウェブサイトからオンラインでスライドを編集することができるサービスの登場だ。もちろんWYSWYG (見たまま)で編集できる。一般公開が前提でスライドファイルのホスティングもできるし、HTMLに書き出すことも可能だ。しかも美しい
一枚の画像を高速にスライドさせてアニメーション表示する「JZoopraxiscope」:phpspot開発日誌
JZoopraxiscope - jQuery plugin for making animations from static images. 一枚の画像を高速にスライドさせてアニメーション表示する「JZoopraxiscope」 次のような横長の画像を高速に横にスライドさせることでアニメーションさせてしまうものです。 ブラウザプラグイン不要で好きなサイズでアニメーションさせられます。 GIFアニメでもなく、FlashでもHTML5のvideoでもないアニメーション実装方法として知っておいてもよさそう 関連エントリ WEBデザイナーなら見ておくべきCSS3のアニメーションチュートリアル アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」 CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Tran
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://solidstate.jp/ContentsDisplay/tabBox/script_144.html
狠狠色噜噜狠狠狠狠97,你懂的在线视频,亚洲AV制服丝袜日韩高清
何度も読み直したい！はてブ数300以上のWeb制作系スライド2012年版
in the looop | Looops communications
cmmntr.com
Web制作者が読んでおきたい、最近公開されたおすすめのスライド
GW中にまとめて読みたい、Web制作者におすすめのスライド