The overflow:scroll for mobile webkit. Project started because webkit for iPhone does not provide a native way to scroll content inside a fixed size (width/height) div. So basically it was impossible to have a fixed header/footer and a scrolling central area. Until now. This script has been superseded by iScroll 4. This page is kept for historical reasons. Get the Script Screencast Live Demo Publi
iPhone用Webページでオブジェクトのドラッグ＆ドロップ、リサイズをジェスチャで行う凄いサンプル 2008年07月15日- SitePen Blog Touching and Gesturing on the iPhone Everyone who owns an iPhone (or who has been holding out for an iPhone 3G) is bound to be excited about a lot of the new things the device can finally do, particularly the introduction of third-party applications.iPhone用Webページでオブジェクトのドラッグ＆ドロップ、リサイズをジェスチャで行う凄いサンプル 以下のムービーを見ると、どんなことが出来るか
指でダイレクトに触ってなめらかに反応する、あのiPadのUIは、あっという間に使う人々を魅了する。しかし、そのまま使い続けているうちに、実はMacBookのようなマウスを利用したUIほど細かい操作ができないことに、いずれ気付く。 iPadのUIには、指先での操作を考慮して、適度なサイズと間隔が保持されている。そのため、マウスのUIほど機能を詰め込むことが出来ず、厳選した機能のみが提供されることになるのだろう。 iPadのSafariに不足しているもの それにしても、今のSafariにどう考えても不足していると感じる機能が、二つある。 表示中のページを閉じる機能 ページ内検索 表示中のページを閉じる機能 例えば、http://b.hatena.ne.jp/hotentry で、気になる記事へのリンクをクリックすると、新規ページが開いてリンク先にジャンプする。 気になる記事を読み終わったら、今
JavaScriptを使ってGPSデータを取得できるようになったiPhone OS 3.0。前回は、現在の位置情報を取得し、Googleマップに表示する方法を紹介しました。後編は、位置情報と日時をデータベースにどんどん記録していくプログラムを作ってみましょう。 Safariのデータベースを使う iPhoneに搭載されているSafariは、HTML5で追加される予定のAPI「Client-side database storage」を先行実装しており、ブラウザーが用意しているローカルデータベースにJavaScriptを使ってデータを保存できます。 iPhoneのSafariはデータベースエンジンとして「SQLite」を実装しています。SQLiteは、SQLのすべての命令には対応していませんが、簡単なWebアプリケーション用途であれば十分な機能を持つデータベースエンジンです。個々のテーブルは「
Apple が Safari 4.0 のベータ版を公開した。 (ダウンロードはこちら) 見た目が派手なスピードダイヤルやカバーフローな履歴表示などに目が行きがちだけど、Safari 4.0 で JavaScript デバッガが標準装備になったのは大きい。 これまでも WebKit の Nightly に Dorsera という JavaScript デバッガのアプリケーションが同梱されていたが、別アプリケーションということもあって何だか安定せず使い勝手もイマイチだった記憶がある。(出たてのころの印象なので、最近は良くなっていたかも) これが Safari 4.0 ではアプリケーション内にデバッガの機能も搭載されものすごく便利になっている。 JavaScript デバッガを起動するにはまず Preference メニューで Develop メニューを有効にする。 すると Develop メニ
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
JavaScript はどのように実行されるか Safari*1 の実装を例に JavaScript はどのようにして実行されているかを書く。自分用のメモ。日本語の出来は気にしない 1. ブラウザを起動して以下のようなページを開いたとする <html> <head> <script> var a = 1; var b = 2; alert(a + b); </script> </head> <body> </body> </html> 2. インターネットからデータが到着する そうすると WebCore::FrameLoader::write という関数に生の文字列が渡される。型は char* だ。 http://trac.webkit.org/browser/trunk/WebCore/loader/FrameLoader.cpp#L990 この関数の中では、到着した文字の文字コードを解
WebKit開発チームが18日 (米国時間)、オープンソースのWebブラウザエンジン「WebKit」に新しいJavaScriptエンジン「SquirrelFish Extreme (SFX)」を搭載したと発表した。プログラムは日々アップデートされるバイナリパッケージ (Nightly Build) に反映され、対応プラットフォームのMac OS XおよびWindowsで試すことができる。 SquirrelFish Extremeは、6月にリリースされたWebKitのJavaScriptエンジン「SquirrelFish」の改良版。同開発チームのブログ「Surfin' Safari」に18日付で投稿された記事によれば、WebKit 3.0 / Safari 3.0と比較して約11.8倍、従来のSquirrelFishと比較しても約2.1倍というスコアを実現するという (同チーム調べ)。 高速
Safari、iCab、OmniWeb、シイラなどのWebKitを用いているブラウザで使用できるブックマークレット、[0]:zeroviewを公開しました。 [0]:zeroview ブックマークレットを起動すると、ページ（body要素）を縮小します。 縮小されたページの上にウインドウサイズを示す枠が表示されますので、この枠を見たい場所に合わせてクリックすると、ページの拡大率が元に戻って枠を合わせた位置を表示します。 ブックマークバーの左側に追加すると、Command＋数字キーで起動することができます。tumblrやFlickrなどの縦に長いページのナビゲーションに使うといいかもしれません。 使い方は以下の動画を見てください。 Adobe系アプリケーションのCommand+0が全体表示するところから、[0]:zeroview（ゼロビュー）という名称にしています。 実はこの表示、Nokia
Ajaxianに出てた。Safariブラウザだけの機能。 -webkit-transform に ‘rotate(180deg)’ を与えると、180度回転したページが表示される。 javascript:document.body.style[‘-webkit-transform’]=’rotate(180deg)’; リンク先に、ブックマークレットが置いてある。flip2は確認を挟んで180度回転。 180deg, ってことは任意の角度でもいけるのかな、と20degを入れたら、こうなった 貼り付けたビデオプレイヤーは元の角度のままだったり、範囲選択がなんかカクカクしたりと新鮮で面白い。斜めにすると横幅が広くなるけど、横スクロールバーはでないなあ。 これ少しずつ値を変えたら、ページがぐるぐる廻せそうだね。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している
今日は、まだまだ Safari 3 が熱い！ window オブジェクトを走査していたら、またしても面白そうな関数を見つけてしまった。 その名も getMatchedCSSRules ！！！ まずはデモをご覧ください 以下のブックマークレットを任意のサイトで実行すると、コンテンツの下に DOM Inspector のような要素が出現します。 そこで、要素を開いていくと Safari の場合は、どの CSS ルールが当たっているかを見る事ができます。 javascript:(function(){var d=document,s=d.createElement('script');s.className='css-inspector-script';d.body.appendChild(s);s.src='http://amachang.art-code.org/cssInspector.j
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
