react-railsでサーバーサイドレンダリングしつつクライアントでsetStateできて最高になった - Qiita

2015/08/09 126 users Qiita React サーバーサイド turbolinks

土日でreact-railsとturbolinksを勉強してみた成果です やりたいこと 画面遷移するときは<div id='content'></div> の中身だけ入れ替えて、pushStateで行き来できるようにしたい reactを使ったリッチなページでも、イニシャルロードやSEOの為にサーバーサイドでレンダリングしておきたい サーバーサイドレンダリングした要素を破棄することなくReactで初... 続きを読む

jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法 | BlackFlag

2014/05/27 212 users skrollr jQuery BlackFlag 画面全体

以前、iPhone5sのプロダクトページがリリースした頃に 『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して 1ページをフルスクリーン表示にして、画面全体をスクロールさせることで 1ページ分（1コンテンツ分）を画面遷移させるUIを実装できるjQueryプラ... 続きを読む

画面の上からスライドしてくるログイン画面『Sliding Login Panel with jQuery』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～

2009/04/08 200 users IDEA ライフハックブログ 画面 ログイン画面 百式管理人

これ、ちょっと使いたいかも、という意味でエントリー。jQueryを使ったログインパネルです。画面の上からぐぐっとスライドして現れます。 ↑ 画面上にログイン/新規登録のリンクが。 ↑ 上からこういう風にせり出してきます。 ちゃんとIE6でも動くようですよ。ログインリンクを上に配置したいけど、ログインのために画面遷移させたくないってときありますよね。特にシンプルなアプリのときは。アクセシビリティ的に... 続きを読む

GIGAZINE - AJAXを使ったファイルアップローダ「Uber Uploader」

2006/05/13 120 users Ajax プログレスバー GIGAZINE 順次 デモ

ファイルのアップロードすると中継かをプログレスバーで順次表示するわけです。アップロード後も画面遷移することなくAJAXで結果を表示するわけで。そういうことをするのに役立つのがオープンソースで開発されている「Uber Uploader」というわけ。 実際のデモを体験すればどういうことができるかよく分かります。 CakeTimer - Demo Page | An Ajax file uploads ... 続きを読む