iPad の Safari には画像サイズ制限がある - hakobera's blog
iPad Safari image limit workaround | Adventures in Code Pixiv のランキングをスライドショーで表示する Seiga Show を作っていて、なぜか 45位以降の画像が表示されないことがたまにあって調べていたのだが、どうやらiPad の Safari では1ページあたりの画像サイズの合計が 6.5MB を超えると、それ以降の画像が表示できないという問題があるようだ。 2011/05/29 追記 iPad 2 では普通に表示できます。やはりメモリ容量の問題だったみたいです。 Pixivの画像が大体1枚 150k前後なので、150k * 45 = 6,750k となり、大体計算も合うのでほぼ間違いなし。 上記で紹介した記事では、HTML5 の Canvas の drawImage を使えば、この制限を回避できる、と書いてあり、サンプルペ
うのらぼ。 - 【Android】orientationchangeの挙動制御
ちょこちょこまとめてみた。 まず Androidには、window.orientation 及び window.onorientationchange を持ってるのと持ってないのがあるらしいので、 $(window).data('orientation', (function(){ if(typeof window.orientation === 'number'){ return Math.abs(window.orientation); }else{ return (window.innerWidth < window.innerHeight) ? 0 : 90; } })()); こんな感じで orientation を window の data として保持しておく。 同じように onorientationchange の方もラッパーを作っておく。 orientationChang
2011年10月24日の記事 | ハロー！パソコン教室 大森校 （京急線大森海岸駅徒歩5分）
ちかです、こんにちわ ちかの iPhone 4 も 無事 iOS 5 になりまして ブラウザ (WebKit; Mobile Safari) も バージョンアップ ということで この場を借りて 新機能を試してみようかと ※ この日記は iOS 5 用に書いてます。あしからず。 PC のブラウザで動くものもありますが… 参考にしたページ: Safari on iOS 5, HTML5 evolution for iPhone and iPad | Mobile Web Programming (上記ページの内容を網羅しているわけではないので、興味ある方は英語ですがリンク先へどうぞ〜) ★HTML5/input 要素 レンジ (スライダー) <input type="range" min="-100" max="100"> <input type="range" min="-100" max=
【速報】iOS5のmobile Safari, CSS対応状況
WWDC 2011 ではジョブズさんも登場して見応えがありました。 iOS 5 の Safari はタブ機能も実装し使いやすく生まれ変わるとのこと、楽しみです。 http://www.apple.com/ios/ios5/features.html#safari Beta SDK もダウンロード可能になり早速インストールして試してくれた方がいるようです。 David B. Calhoun – Developer Blog New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5 CSS, JavaScript の対応状況を調べています。 気になるところをつまみ食いです。 position:fixed に対応 バグってい
iOS5で追加されるPrivate BrowsingモードとWebStorageの兼ね合い
Private Browsing下のWeb Storage 今回の内容は，Mac版SafariのVersion 5.0.5(6533.21.1)と，beta版のiOS5(9A5220p)で確認している今の時点の情報なので，信憑性の賞味期限は短めなエントリとなっています．色々とご注意を． Mobile Safari Gets Private Browsing Mode in iOS 5 iOS5のSafariからPrivate Browsingがサポートされます．Private Browsingにすると，各種の履歴が残らなくなりますが，副次的にsessionStorageやlocalStorageの両Web Storageの利用にも影響がでます． 例外がポポポポーン たとえば，Private Browsing時にsessionStorage.setItem(key, val)をすると，QUO
Fast animation with iOS WebKit - Joe Hewitt
While building Scrollability I've learned a few tricks about how to make animations that start fast and run fast on iOS WebKit. The challenge of getting the scrolling physics right was nothing compared to the chore of making the animations as smooth and stutter-free as they are in native iOS apps. It took several iterations to get results that are acceptable. First problem: cubic bezier curvesMy m
[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したい
[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したい スマートフォンのブラウザアプリで画面の高さにきっちり収まる仕様で作っていると 高さが足りないのでwindow.scrollToしてもアドレスバーが隠せない。 でも隠した方が表示領域が増えるので何とかしたい。 単純に考えればアドレスバー分bodyの高さを増やせばいい、ってことなんですが… ※以下全てWebKitの話です。 screenとwindowの高さに関する値が違う やっぱり一筋縄ではいかなかった。 2011-10-04 1st – jsdo.it – share JavaScript, HTML5 and CSS 直接見る Androidだと screen.height = screen.availHeight = window.innerHeight win
![[js,iPhone,Android] コンテンツがwindow.innerHeightより小さい時にもアドレスバーを隠したい](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
CircleMenu class for iPhone - jsdo.it - Share JavaScript, HTML5 and CSS
Canvasで作るリングメニューです。 ドラッグすると回転し、フリックでするする動きます。 iPhoneでも動きます。 var canvas = document.getElementById('canvas'), ctx = canvas.getContext('2d'); var CircleMenu = function(canvas,img,angles,cx,cy) { this._canvas = canvas; this._ctx = canvas.getContext('2d'); this._img = img; this._angles = angles; this._currentAngle = 0; this._r1 = img.width/2; this._cx = cx; this._cy = cy; this._sw = false; this._r = th
background-size CSS property buggy on iOS devices
While designing a mobile site recently, I discovered that the `background-size` CSS property is very buggy on iOS devices. What exactly happens is hard to say, but when the aspect ratio of your background-image is different from the target ratio, images get squashed. The curious thing is that there are several factors that can trigger this bug: - It only happens with JPGs. Images in GIF or PNG for
New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news first Much to my disappointment, browser-based file uploads are still not supported (input type=“file”)
うのらぼ。 - 【iPhone,Android】スマートフォンでの音声再生まとめ
スマートフォン向けのWebアプリを作る際に調べたこととかそんな感じのことの自分用メモ。 音声再生周りのことに関して、でもAudioのことだけとは限らない。 iPhoneの場合 Audio + JS で再生 iOS4.0以上で再生可能であることを確認 iOS4.1以下(もしくはiOS4.0のみ)と、iOS4.2以上で再生処理に差異があることを確認 発生するイベントの違い イベントが発生するタイミングの違い canplay イベントを jQueryの trigger で無理矢理発火できるかの違い etc. 【JS】iPhoneのAudio周りのメモ 基本的には、タップなどのユーザー任意の動作によってでしか再生できない。 が、「jsdo.it/wonderfl meetup vol.2」で@kyo_agoさんや@GeckoTangが言っていたように、 [無音＋必要な音源1＋必要な音源2＋...]
Scrollability
Native scrolling for mobile web apps... or at least the closest thing to it! Scrollability is a single script, it's small, and it has no external dependencies. Drop it into your page, add a few CSS classes to scrollable elements, and scroll away. Scrollability is a work-in-progress and is not yet ready to be used. I will publish documentation when it's ready. Demos (Requires iOS, works best on iPh
合コン失敗したら風俗
女子大生がたくさん働いているデリヘルのサービス。深夜でも使える風俗として、自分の暮らしを豊かにしてくれているデリヘルです。有名大学に通う女性を指名した今回は、思い出しただけでも興奮が甦ってくるほど。素股の気持ち良さは挿入を超えるくらいの感覚でした。その秘密は敏感なクリにあります。素股をするとどんどん刺激されてクリが固くなり、それが亀頭に当たって気持ち良い。相手も擦れて気持ち良いという相乗的な魅力に浸るのが、今までの風俗史上最高の体験になったのです。素股はぎこちなさもあるのですが、それでも密着度が高くてアソコへの刺激は十分すぎるほど。途中で耐えることを諦めていれば、きっとサービスから半分も消化しないうちに果ててしまっていたと思います。しかし、僕は風俗MASTERです。そんなことできません。キスも大好きらしく、クンニをした後でも何度となく「チューしてほしい」とお願いされたので、舌を絡めてじっく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Multimedia Programming Guide: Using Audio
TextMate 2 alpha before Christmas? | TUAW - The Unofficial Apple Weblog
Mobile HTML5