Android4系のデフォルトブラウザでwidthが効かないバグとbackground-colorで回避出来るというメモ | kanonjiのブログ
Android4系のデフォルトブラウザで、どうしてもレイアウトが崩れるという話を持ちかけられて、調べてみました。 どうもviewportを指定してない場合に、widthがdevice-widthより大きな値を指定しても、無視されるというものみたいです。 widthが効かないというのがどういう事か、文章だとよくわからないと思うので、再現させるコードと、それを表示したスクリーンショットを下の方に載せてます。 解決策 なにが起きるかと言うと、 p要素のwidthを無視して勝手に横幅が設定されて幅が短くなる。 androidのバージョンによって変わるみたいで、 android2系だと問題ないけどandroid4系だとおかしい(端末の違いも考えられるけど)。 いろいろやってみて、 なぜかbackground-colorを入れると意図した幅で表示された。 なんでbackground-c
translateプロパティでAndroid,iPhone端末で画像がちらつく件
あ、ども僕です。 最近、何かとスライダー的なやつを扱う機会が増えております。 よくあるスライダーですね。 こんな感じのやつですね。 画像がスーっと行くやつ。バナーなんかで良く見かけますよね。 これをスマフォンサイトでも実装しているのですが、マークアップは単純に <div class="slider"> <ul class="sliderLi"> <li><img src="yes.jpg" alt="no"></li> <li><img src="yes.jpg" alt="no"></li> <li><img src="yes.jpg" alt="no"></li> </ul> </div> こんな感じだったりします。 liの親要素であるulに-webkit-transform:translate(-350px,0px);などで 動かしてスライドしているかの様に実装するのですが、 スライ
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
第5回 File APIを使ったiOS/Androidアプリケーション作成［その2］ | gihyo.jp
前回は、iOS/Androidのアプリケーション構造や、File APIのオブジェクトについて紹介しました。今回から、実際にFile APIを使ってファイルの操作を行っていきます。各オブジェクトや関連性をひととおり把握してからの方が、頭にしっくり入ってきやすいのではないかと思います。これまでの記事を参照しながら、実際にコーディングを行い、weinreでデバッグしてみてください。 File APIを使ったファイル操作 ここからは順を追ってFile APIでファイルを操作する方法を紹介していきます。解説の流れは次のとおりです。 Camera APIを使って、TEMPORARYファイルシステムにファイルを作成 実際にファイルが作成されているかの確認手順 TEMPORARYファイルシステムのファイル一覧を取得し、画面に表示 ─requestFileSystemメソッド, FileSystemオブジ
Androidデバイスのディスプレイサイズ、DPI一覧 update - Hacking My Way 〜 itogのhack日記
最新の情報はアプリで見てください。インストールは以下から https://market.android.com/details?id=com.itog_lab.android.adis MODEL VERSION_SDK_INT MANUFACTURER BRAND widthPixels heightPixels xdpi ydpi density 001DL 8 Dell Inc dell 480 800 160.42105 160 1 001HT 8 HTC softbank_jp 480 800 196.64516 191.69812 1.5 003Z 8 ZTE ZTE 480 800 160.42105 160 1.5 3GW100 8 lenovo lenovo 480 800 160.42105 160 1.5 A01SH 13 SHARP EMOBILE 600 976
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
KLab iPhoroid UI 発表！〜AndroidでリッチなUIを簡単に〜
umjammer です、 弊社の Android 案件の成果物として、リッチなUIを簡単に使用することができるUIコンポーネント群、名付けて「KLab iPhoroid UI」をここに発表します。 Android 案件を進めていく上で、お客様から言われる要件の一つとして「iPhone と同じようなUIにしてもらえませんでしょうか？」というのがあります。やはりスマートフォンと言えば iPhone というイメージが世間では強いのでしょうか？ Android には Android UI のポリシーが云々というのはありますが、そこはお客様の要望なので… そして Android のデフォルトで用意されている UI のみでは iPhone の様なリッチな UI & UX を再現するのは困難です。 サードパーティーも頑張って様々なリッチな UI を WEB に発表していますが、イメージの多用、メモリ管理
続) ガラケーからスマホの怒濤の流れで割を食い始めたサービス｜More Access! More Fun
先日、「ガラケーからスマホの怒濤の流れで割を食ったサービス」というタイトルでブログを書いたら、怒濤のリツイートで4万人近い人が2日で訪れてブログを読んでくれた。そのあとも1000〜3000人/日くらいと来訪者はけっこう高めに推移して、毎日せこせこ書いてる自分としては嬉しい限りだ。お金にならなくなってたくさんの人が毎日読んでくれると嬉しいもの。相当昔、SPA!とかPOPEYEにライターとして原稿書きまくっていたときのことを思い出します。 で、｢割を食ったサービス」ではなくて、「割を食いつつあるサービス」も最近相当に周囲に出てきている。それが誰もが思いもよらなかったところに出現しているのにはびっくりなのである。 自己紹介を読んでいただければわかるが、わたしの本業はネットストアの構築と運営コンサルタントである。いろんなショップさんと商品開発をし、運営を一緒に行っている。その中でスマホブームの弊害
Android携帯をSoftBankの3G回線で使う場合、同時に二通りのIPアドレスが使われる - Web7.77
Android携帯のグローバルIPアドレスは、Wi-Fi環境下では当然ながら接続している無線ルーターのIPアドレスと同一になります。 たとえば自宅環境であれば、デスクトップもノートもスマートフォンも、すべて同一のIPアドレスを使ってネットに接続することになります。（IPアドレスを複数取得して割り当てているとかそういう特殊な場合は除いて） では3G回線下ではどうなるかというと、こちらはソフトバンク側が指定するグローバルIPアドレスを利用することになります。このIPアドレスは、3G回線との接続が切れるたびに変更されます。 ……と、ここまではまあ知ってる人には常識的な話だと思うのですが。 少なくとも3G回線の接続が切れない限りは、3G下でのIPアドレスは同一のはず……と今までは思っていました。 ところが、先日Androidの標準ブラウザでIPアドレス確認サイトを利用してみたあと、別のブラウザでI
Android標準ブラウザのdebugモードでiPhoneになりすます
chai99さんの助言を得てAndroidの標準ブラウザの設定を細かくできるように改変ビルドしようとしました。ところが、わたしの欲しかったレイアウト変更機能はdebugモードで備わっているコトに気がつきました。ググってみたらxda-developers.comでも紹介されていました。 debugモードに入るにはブラウザのURL入力欄に about:debug と入力します。一見なにも変化はありませんが成功すると“メニュー“の“その他“の一番下に“Dump navigation cache“が追加されています。この状態で“設定“を開くと下の方に“debug“というグループが追加されています。(日本語リソースはないので英語のまま。) まず用がないヒトは“Show JavaScript Console“のチェックを外しておきましょう。(驚くほどよく落ちる。)次に“UAStrings“を“iPho
iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった
iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。 シミュレーター（エミュレーター？よくわからｎ）はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな？ｗ 動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。 4つ同時に起動可能 日本なら、基本的にiPhoneとAndroidだけあれば
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
Androidのデモをする時はAndroid Screen Monitorが超オススメ - もぎゃろぐ
tm_twitter_apiの紹介デモで使ったら一部の方から感心していただいたのでご紹介。 プレゼンの途中でスマートフォンの画面を見せたい時、iPhoneだったらiPhoneエミュレーターで見せればいいのですけど、Andoroidの場合、エミュレーターが遅すぎるので、実質的に使い物になりません。だからといってちっちゃなスマートフォンの画面をそのまま見せたってお客さんには見えないので、結構困りますよね。 そういうときに、Android Screen Monitor がオススメです。画面をリアルタイムで PC 上に表示してくれるツールで、これを使えば実機でアプリを動かしている様子をPC経由でプロジェクタに表示することが出来ます。 iPhoneエミュレーターと並べてデモをすると、後ろから見ている方にはほとんど区別がつかないみたいで、昨日のプレゼンのあとも、「あの超早いAndroidエミュレーター
スマートフォンサイトの作成術【本日のスライド】 / GameBusiness.jp
iPhoneやAndroidなどスマートフォン端末の普及台数が急激に増加しています。ウェブサイトも次々にスマートフォン対応がされていますが、その情報源はまだ限られます。ということで本日のスライドです。 おちゃのこネットは「おちゃのこネット」というショッピングカート付きネットショップ開業サービスを提供しています。同サービスではスマートフォンにも対応を行っていて、そこから得られた実践的な知識をまとめたものです。同社の大川洋一氏によるものです。 iPhoneのMobile Safari、AndroidのChromeに搭載されているWebKitを概説したものですので、いずれのプラットフォームにも対応します。スライドでは基本的に表示方法やスマートフォンならではの動作を実現する方法など有益な情報が多数含まれています。 これからスマートフォン対応をしなければならない、という担当者には必読かもしれま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Firefox for Android をリモートデバッグ
スマートフォンブラウザ不具合特集
公海555000kk线路检测—首页（欢迎您）
adakoda.com
Android/UserAgent - YoyaWiki Plus!