[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)
[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版) Androidの所為で工数が増えてウザイとか、AndroidのWebkitはWebkitじゃねぇとか スマホのCSS3関係はどうしてもAndroidをdisる感じの内容になりますね！ 特に明記がないものはすべてWebkitについてです。 見つけ次第順次追加予定。 タイトル変更、増えてきたので目次追加しました。 この記事はiOS5、Android 3以前について記載したものです 【css】 タップ時にz-indexを無視して下の要素に枠がつく(Android) 【html, css】 マルチバイト文字にfont-weight:boldが効かない(Android) 【css】 border-radiusのコーナーがジャギる(Android) 【css】 box-shadow、text-
![[CSS, HTML] スマートフォン(iPhone, Android)ブラウザのバグまとめ(2011年版)](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)
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
音楽聴き放題の『Grooveshark』がiPhoneに対応！ - RyoAnna
久しぶりに興奮するニュースが飛び込んで来た。 あのGroovesharkが、iPhoneのWebアプリとして復活した。 iPhoneのSafariで下のリンクにアクセスすると、ベータ版のGrooveshark Mobileを試す事ができる。 Grooveshark Mobile※2015年サービス終了 以前にもMacやWindowsのWeb版を紹介したが、Groovesharkは音楽ファンにとってたまらないサービスだ。 通常のインターネットラジオはアーティストを特定して聴く事ができないが、Groovesharkならアーティスト名や曲名をピンポイントで検索して聴く事ができる。 ジャンルごとに聴いたり、人気のある曲をリストから選ぶ事もできる。洋楽がメインだが、一部の邦楽も聴く事ができる。 ベータ版のためか連続再生はできないが、Safariで動作するのでバックグラウンド再生には対応している。ホー
コーヒーサーバは香炉である » 外部SDKを入れる際にとりあえずUDIDを取れないように細工をする
「iOSアプリを開発していて、自分はUDIDを使うのはイケナイという主義なのに、外部のライブラリ (ソースの読めない広告系SDKとか) を入れたらなんだかUDID取得してゴニョゴニョやってるじゃん! 聞いてねーよウワァァァン!!!」という事故を防ぐためには、こんな具合に、UIDevice.uniqueIdentifierを上書きしちゃうといいかも。 (UDIDkiller.h) @interface UIDevice (UDIDkiller) -(NSString*)uniqueIdentifier; @end (UDIDkiller.m) #import “UDIDkiller.h” @implementation UIDevice (UDIDkiller) -(NSString*)uniqueIdentifier { NSLog(@”CAUTION!!! UIDevice.u
iOS の UDID 廃止問題は誰にとっての問題なのか | dTblog
ごぶさたしております。もはや境界どころかデザインともプログラムとも距離が出てきている今日この頃、すっかりこのブログの存在を忘れていました。 すでにネタの旬は過ぎていますが、Apple の UDID 廃止問題について触れておこうかと。事実関係や最もらしい憶測は、以下の記事を参照。 アップル、iOS端末ユーザーのプライバシー保護で方針変更 - 「iOS 5」ではUDIDの利用を推奨せず あくまで UIDevice クラスの uniqueIdentifier メソッドが deprecated でマークされただけであって、iOS 5.0 で今すぐ廃止されるという話ではない点に注意。各所予想を取りまとめると、iOS 5.0 では現状どおり使用できる（コンパイル時に Warning が出る）が、iOS 5.1 で廃止されるのではないかという話。ちなみに iOS 4.0 から 4.1 のアップデートまで
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
iPhoneアプリに、ユーザーフィードバックのフォームをつけるライブラリを書いてみた。 | fladdict
アプリに簡単にバグ報告や機能要望を送信をつけられるライブラリ、AAMFeedbackを作ってみた。とりあえずはたたき台。 使い方はそのままサンプルのプロジェクトファイルを見ればわかるはず。 AAMFeedback。 GitHubにupしてあります。 Zipはこちら。 ・質問、機能要望、バグ報告等をテンプレ化しメールしてくれる。 ・メールに、端末、iOS、アプリ名、アプリのヴァージョン番号を自動でつけてくれる。 ・必要なフレームワークは、MessageUI.frameworkのみ。 自分のアプリが増えてくると、色々とリクエストや質問、バグ報告等が色々とくるわけです。 で、それに毎回「えーと、なんのアプリについてですか？」とか「お使いの端末は何ですか？」とか不毛なやりとりをするのにも疲れたので作ってみた。 ユーザーフィードバックに一定のフォーマットができて普及したら、ユーザーも開発者もみんなハ
[翻訳] モバイル向けの CSS Media Queries は見掛け倒しである | Unformed Building
この記事は、2010年8月3日に Jason Grigsby によって書かれた CSS Media Query for Mobile is Fool’s Gold を翻訳したものです。 画像・表・リンクなどは掲載していませんし、翻訳が怪しい場所がところどころにありますので、ちゃんと読みたい方は原文を参照してください。 翻訳部分は次のセクションとなります。 CSS Media Query for Mobile is Fool’s Gold Ethan Marcotte の記事「Responsive Web Design」はウェブ開発者たちの想像力を刺激し、いくつかの後続の記事はモバイルに最適化されたウェブサイトを構築する方法として、CSS Media Queries をもてはやしました。 私もまた「iPad Orientation CSS」という記事でこの流行に貢献した罪があります。 残念な
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
革命的iPhoneアプリ！ 簡単にテザリング（無線LAN化）できちゃうスゴイやつだよ / PayUpPunk Pouch［ポーチ］
革命的iPhoneアプリ！ 簡単にテザリング（無線LAN化）できちゃうスゴイやつだよ / PayUpPunk 2011年10月30日 Tweet テザリングとは何か？ 簡単にいえばケータイを無線LAN化させ、ケータイ回線を使ってパソコンやケータイ型ゲームをインターネットに接続させるシステムです。つまり、ケータイさえもっていれば、電波の届くところであれば電車の中でも公園でもどこでもパソコンやケータイ型ゲーム機をインターネット接続させることができるというわけですね。 しかし、日本で発売されているiPhomeやiPadはテザリングができないようになっています。よって、野外でケータイ回線を使ってインターネットをするには、イーモバイルやソフトバンク、ドコモなどのケータイ回線を使ったプランに加入するしかないのです。 しかし！ アップル社のAppストアで公式に販売されている『PayUpPunk』を使用
Nicholas Zambetti
Nicholas Zambetti works across visual and physical to create new products, tools, and meaningful experiences with aesthetic qualities. Previously of Apple Inc. and IDEO, he is experienced with interface and product design, design strategy, user research, prototyping, and software development. Nicholas co-founded Astep in 2014 and is currently based in Copenhagen, Denmark. CV
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://japan.internet.com/allnet/20120316/3.html
GPUアクセラレーターが使える環境で強制的に有効にできるCSSの指定方法 :: 5509
Flipboard
Media Queries
Loading...
iPhoneデビューした俺に神アプリ教えてくれ : はれぞう
Web ブラウザ Sleipnir Mobile for Windows Phone - Windows Phone 7 向け国産タブブラウザ | フェンリル
iphone5 日本語訳付き
