Facebook iOSアプリのようにスクロール時にフルスクリーン表示を行うiOSライブラリを作りました - ninjinkun's diary
明けましておめでとうございます。神トラ2クリアしました。 Facebook iOS Appのように、一覧をスクロールした際にUINavigationBarやUIToolbarを隠してフルスクリーン表示をするためのライブラリを作りました。 https://github.com/ninjinkun/NJKScrollFullScreen スクロールをフックしてフルスクリーン化をdelegateで通知する部分と、フルスクリーン時の動きを定義する部分を分離した設計になっています。 同じようにフルスクリーン化を行うYIFullScreenScrollというライブラリがあったのですが、UINavigationBarの移動などフルスクリーンの動きの部分が一体になっており、Facebook appぽい挙動にカスタマイズし辛かったので、動きを分離した設計のライブラリを別に作ることにしました。all-in-o
クックパッドさんのpotatotipsで発表してきました | RE:START
2013年11月13日、クックパッドさんでpotatotipsというiOSやAndroidのtipsを発表する会がありました。 当日の参加者は総勢で24人（応募はもっといたらしい）。1人5分の発表ですが、これだけで120分確定なのでTipsと言ってもなかなかのボリュームです。 当日は基本的に参加者みんな発表なので、自分も発表してきました。 自分は「ユーザービリティ向上の為にここらへん気を使いましょう」的な難しくも新しくもない発表だったのですが、諸事情によりスライドをアップできません。（権利関係を確認するの面倒）。また、時間の関係上コードの説明はほとんどしなかったので、ブログで改めて書いてみたいと思います。実際の挙動はiOS版の攻略アプリを見て下さい。 １．Webから取得する画像はキャッシュして再利用する Webから画像を取得するということは当然通信が発生するため、毎回通信していたのでは待ち
[CSS]JavaScript無し、レスポンシブ対応、背景をコンテンツのスクロールに合わせて変更するスタイルシート
デモを幅780pxで表示 実装 実装は、5ステップです。 Step 1: 背景画像の用意 デモでは4つのコンテンツがあるので、3枚の背景画像を用意しています。一番大きい表示サイズを想定して、1,800x1,200pxの画像です。 Step 2: HTML HTMLは非常にシンプルです。 4つの各コンテンツはrapperのclassを付与したdiv要素で配置し、header, section, section, footerで内包します。 <!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <title>From love for lavender</title> ... </head> <body> <header class=" content"> <div class="wrapper
〔iOS5〕UIWebViewに自動スクロール機能を実装する（オートスクロール） | Lifebookの秘密基地
今回はUIWebViewを活用して、自動スクロール機能を実装してみたいと思います。 挙動制御の過程で、WebViewに表示されているHTMLコンテンツのサイズ取得のため、iOS5から追加されたscrollviewプロパティを活用します。 このscrollviewプロパティはiOS4のプライベートAPIとして存在するので、iOS4以降であれば同じコードを利用できます。 ＜実装結果のイメージ＞ ＜実装内容＞ URLからテストで表示するページを読み込ます。 - (void)viewDidLoad{ [super viewDidLoad]; [web loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://www.yahoo.co.jp"]]]; web.delegate = self; } - (
スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」:phpspot開発日誌
スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」 2010年11月10日- Amit Patil's Blog スクロールしても常にサイドに要素を固定で表示できるjQueryプラグイン「JQuery Sidebar Plugin」。 サイドに常に表示されている「Follow Me」みたいなツイッターのフォローボタンは最近よく見かけますね。 これをjQueryで簡単に実装してしまおうというもの。 使い方は次のようにオプションを渡してあげるだけです。 $(function() { $("body").sidebar({ text : "Follow Me", // 表示テキスト size : "30px", // 幅 length : "200px", // 高さ margin : "130px", // マージン p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
