iPad上のSafariで幅100%のVIDEOタグの高さを取得できない | 有限会社キートン KEYTON, Ltd.
ディスプレイの幅に合わせてレイアウトが変化するレスポンシブデザインのページに、幅が可変の動画を配置するため以下のCSSを指定しました。 video { width: 100%; max-width: 100%; height: auto; } モダンブラウザやAndroidのデフォルトブラウザでは、意図したとおりウィンドウサイズに合わせて動画のサイズが縮小されます。 しかし、iPadやiPhoneでは、動画のサイズが小さくなり、動画の左右に黒く塗りつぶしたボックスが表示されてしまいます。 仕様は確認できませんでしたが、iOSのSafariではVideoのデフォルトサイズが300×150に設定されているそうです。 VIDEO要素に高さが指定されていない場合や「auto」になっている場合は、このデフォルトの高さが使用され、小さく表示されるようです。 幅に合わせて、高さが変更されるブロックを作成
新iPad miniはやはりRetina搭載？
米Appleが今年10～12月期に発売すると予測される新iPad miniの量産開始に向けてサプライヤーと準備を進めており、新iPad miniは高解像度なRetinaディスプレイを搭載すると、Wall Street Journalが台北発で関係者の話として伝えた。 新iPad miniは現行モデルと同様7.9インチディスプレイを搭載するが、高解像度化したRetinaディスプレイを搭載するという。具体的なピクセル数は明らかになっていない。現行モデルのディスプレイ解像度は1024×768ピクセル（163ppi）。また新iPad miniでは複数カラーのバックカバーを検討しているという。 新iPad miniが採用するRetinaディスプレイは、シャープ、韓国LG Displayに加え韓国Samsung Displayのパネルも採用する見通しだといい、Appleは最大のライバルとの関係縮小は難
iPhoneがJavaScript＋SQLiteでGPSレコーダーに！ (1/5)
JavaScriptを使ってGPSデータを取得できるようになったiPhone OS 3.0。前回は、現在の位置情報を取得し、Googleマップに表示する方法を紹介しました。後編は、位置情報と日時をデータベースにどんどん記録していくプログラムを作ってみましょう。 Safariのデータベースを使う iPhoneに搭載されているSafariは、HTML5で追加される予定のAPI「Client-side database storage」を先行実装しており、ブラウザーが用意しているローカルデータベースにJavaScriptを使ってデータを保存できます。 iPhoneのSafariはデータベースエンジンとして「SQLite」を実装しています。SQLiteは、SQLのすべての命令には対応していませんが、簡単なWebアプリケーション用途であれば十分な機能を持つデータベースエンジンです。個々のテーブルは「
iPad3は3月第1週発表、翌週発売？WSJ紙【湯川】 | TechWave（テックウェーブ）
[読了時間：1分] 米Wall Street Journal紙のブログAll Things Dは、複数の関係者の話としてAppleがiPad2の後継機の発表イベントの時期を3月の第1週に選んだと報じた。 発表会場はこれまでの発表イベントが開催されたサンフランシスコのYerb Buena Centerが有力で、もし後継機のリリースがiPad2同様のスケジュールで動いているのであれば、翌週には発売になる見込みという。 関係者は、後継機はiPad2とほぼ同じ形状で、より高速のICチップ、解像度が2048×1536のRetina Displayを搭載する可能性が高い、と語ったという。 蛇足：オレはこう思う iOSの次期バージョン5.1は3月9日にリリースが予定されているという話もあるので、iPad3も3/9ぐらいに同時発売かも。 発表は３月第１週かあ。Forbesによると、昨年のiPad2の発表っ
iPhone/iPadでダブルタップをJavaScriptで実装する
iPhone/iPadでダブルタップをJavaScriptで実装する iPhone/iPadのJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。 次のように記述するとjQueryで擬似的にダブルタップを実装することが出来ます。 $("p").data("dblTap",false).click(function(){ if($(this).data("dblTap")){ //ダブルタップ時の命令 console.log("ダブルタップ"); $(this).data("dblTap",false); }else{ $(this).data("dblTap",true); } setTimeout(function(){ $("p").data("dblTap",false);
少しいいこと＋プロダクト | sample
サンプルは「少しいいことをして作るプロダクト」の集まりです。 「少しいいこと」は何でもよくて、たとえば廃棄されてしまう素材を使ったり、寄付をしたり、 または廃業すると伝統が途絶えてしまうような工場に安定的に仕事を出すことだったりするかもしれません。 1年に1つか2つのプロジェクトを立ち上げて、製品を作っていきます。 デザインの仕事を続けるなかで、変わって欲しいと思うところに少し手間をかけて物づくりをしていきます。 iPhone／iPadケース 01 使われなくなった自動車用シートレザーを製品に。 シートの形にカットされた国産高級車の革が大量に保管されています。 それは仕様変更により本来の目的のために使われなくなった素材です。 一部はすでに別の製品に生まれ変わっていますが、 需要がなければ燃料になるか廃棄されてしまいます。 現状より「少しいい」用途に使うため、まずiPad と iPhone用
「iPad 2」のメモリが512MBと判明〜初代iPadの2倍
まもなく発売される「iPad 2」に、メモリが512MB搭載されていることが判明したようです。[source: Engadget ] アップルが、発売を目前に控えたiPad 2のレビュー掲載を解禁したことにより、複数の海外メディアが一斉に記事を掲載。実機に搭載されているメモリが512MBである、ということが判明しています。 メモリを256MB搭載している初代iPadの2倍となり、デュアルコア化したプロセッサーと合わせると、かなりのパフォーマンス向上につながると考えられます。 これまでの主なiOSデバイスのメモリサイズをまとめると、 iPhone : 128 MB iPhone 3G : 128 MB iPhone 3GS : 256 MB iPhone 4 : 512 MB iPod touch : 128 MB iPod touch 2nd : 128 MB iPod touch 3rd
iPad2でInternet Explorer、Firefox、Chromeがそのまま使える Splashtop Remote Browserを提供開始
iPad2でInternet Explorer、Firefox、Chromeがそのまま使える Splashtop Remote Browserを提供開始 Splashtop Inc.は、4月28日（現地時間、日本時間29日未明）、iPadとiPad2上でMicrosoft Internet Explorer、 Mozilla Firefox、 Google Chromeを利用してインターネットをブラウジングすることが可能なアプリケーション『Splashtop Remote Browser（スプラッシュトップ リモート ブラウザ』の提供を開始します Splashtop Inc.（米国カリフォルニア州サンノゼ、CEO：Mark Lee、以下スプラッシュトップ社）は、4月28日（現地時間、日本時間29日未明）、iPadとiPad2上でMicrosoft(R) Internet Explorer(
iPad2 simulator /w Css3, Jquery and HTML5 | alexw.me
This is a jquery iPad2 simulator, this is only an experiment of what can be done with javascript in ast browsers
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPadのSafariとMacのSafariを接続してデバッグする方法 – MEMOUK
iPadシェアは8割から5割に低下：米国ユーザー
太陽光発電 19円／kWhの衝撃| nikkei BPnet 〈日経BPネット〉
TechCrunch