[CSS]iPhoneでsubmitボタンのテキストがずれた時の対応方法
submitボタンのスタイルがiPhone(Mobile Safari)で、テキストがずれたり、「border-radius」の角丸が期待より丸くなってしまった際の対応方法を紹介します。 Styling Submit Buttons for Mobile Safari デモページ キャプチャの元画像：協力（@sparrowSeven） この現象はデスクトップ用のブラウザ（Safari, Firefox）では起きませんでした。また、iPhoneのシミュレーター（iBBDemo2）でも確認できませんでした。iPhone4固有の現象のようです。 原因と思われるのはpaddingの値が正常に適用されていないような感じで、未対応時、対応時のスタイルシートは下記の通りです。 未対応時のスタイル HTML HTMLは非常にシンプルです。
Home | elevatr
Cheers3 Jahre elevatr!DANKE für 3 Jahre mit einer großartigen Hospitality Community & Partnern ❤️🔥 Together we #thinkhospitalityforward! Gemeinsam Segel setzenelevatrEdition 6 – Verantwortung„Man kann meist viel mehr tun, als man sich gemeinhin zutraut.“ Nach diesem Leitgedanken von Verlegerin Aenne Burda stellen wir in elevatrEdition 6 die Frage: Wie können wir als Branche sozial-ökologisch umd
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:
iOS Simulatorの導入とiPhoneシミュレータ
iPhoneに最適化したホームページを作成するには、iPhone Safariで表示の確認などを行う必要があるが、実機を持っていない筆者は先ずは iPhoneをシミュレートするソフトを利用して検証する事とした。 Appleの "iPhone Simulator"は、iPhoneをMac上で再現する事が可能な便利ツールで、現在は "iOS Simulator"という名称になって Xcode and iOS SDKの部品として配布されている。 実機と違う挙動をする場合があるというが（後で記述）、他の入手可能な iPhoneシミュレータと比較してウェブページのレイアウト表示をより忠実に再現する事が出来たので、Intel Mac OS X 10.7 Lion（Mac mini MB139J/A：Intel Core 2 Duo 2GHz、メモリー4GB）への導入方法とともに、既存のPC用サイト
MACでiphoneが使える！「iOSシミュレーター」 | スマートフォンサイト制作会社ブログ
以前の記事でsafariによるユーザーエージェントの偽装でのスマートフォンサイト開発を紹介しました。 今回は前回にも少しだけ触れたiOSシミュレーターを紹介します。 Xcodeをダウンロード えっ？iOSシミュレーターをダウンロードするんじゃないの？ と思われた方はご心配なく、Xcodeとはソフトウェアを開発するためのアップルの統合開発環境 (IDE) で、その中にiOSシミュレーターが入っている、というわけです。 なので残念ながらMAC専用です。 windows、LINUXの方ごめんなさい。 iOS SDK と iPhone シミュレーターのインストール ↑こちらのブログでダウンロード方法が分かりやすく解説されてます。 ちなみに現在の最新版のXcode4.3は有料なので、Xcode 3.2.6 and iOS SDK 4.3をダウンロードしましょう。 iOSシミュレーターはど
Account Suspended
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
本日スタート。この夏はiPhoneを携えてソフトバンクのプラチナバンドの電波を探しに行こう！
本日スタート。この夏はiPhoneを携えてソフトバンクのプラチナバンドの電波を探しに行こう！2012.07.25 11:157,205 本日7月25日から、ソフトバンクは、プラチナバンド（900MHz帯）の運用を開始しました！ 電波事情がよくなるということで、ソフトバンクユーザーにとっては、楽しみな出来事ですよね。 ドコモやauなども、2100MHz帯に加えて800MHz帯の電波を使っていますが、多くのスマホには、掴んでいる電波がどの周波数帯なのか調べる手段は用意されていません。ところが、iPhoneなら、非公式な手段ですが、どの周波数帯の電波か調べることができます。（※あくまでも非公式な機能です。将来、機能がなくなる可能性もあります。） その方法とは、まずiPhoneで｢電話｣を立ち上げ、｢*3001#12345#*｣と入力し｢発信｣をタップします。すると、｢Field Test｣という
スマホサイトのスクリーンショット撮影アプリ「Full Screen Capture - MobWeb.Goody」が便利 | Webデザインのタネ
一定期間更新がないため広告を表示しています
iOSの画面デザインに。ビジュアルデバッガー·iOS Hierarchy Viewer MOONGIFT
iOS Hierarchy ViewerはiOSアプリのコンポーネント配置を数値でデバッグできるソフトウェアです。 iOSアプリのデザインは人気が出るかどうかを握る重要な要素の一つです。それだけに時間をかけて設計をしたい所ですが、都度コンパイルして確認を繰り返しているのは非常に手間です。そこでビジュアル的にデバッグできるiOS Hierarchy Viewerを使ってみましょう。 こちらはiOS側。同時にサーバが4994で立ち上がっています。 Webブラウザからアクセスした所です。 コンポーネントを選択すると一気に階層が表示されます。 別なオブジェクトを選択すればそちらの赤線が引かれます。 右側のツリーから選択するとハイライトされます。 画面を遷移すれば表示も変わります（再読み込みが必要です）。 拡大表示もできます。 全てのラインを表示できます。 iOS Hierarchy Viewerは
iPhone用CSS [iPhone生活]
iPhone用のスタイルシートを別途用意する場合 下記のようにall.cssというスクリーン用のスタイルシートを、 pc.cssとiphone.cssに分けて下記のように設定することで、iPhone用のhtmlを作らずにiPhone用のレイアウトを用意することが出来ます。 media="screen and (min-device-width: 481px)"> media="only screen and (max-device-width: 480px)"> if IEの部分は、IEがmedia="screen and "を読み込めないため、IE用に再度外部CSSを宣言しています。 既存のスタイルシート内にiPhone用のスタイルを追加する 一方、外部スタイルシートを分けずに、またはhtml内にスタイルを宣言している場合にそれを生かしてiPhone用のスタイルを宣言することが出来ます。
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
iOS7用アイコンのためのグリッドレイヤー入りPSDファイル
Demonstrating Responsive Design
iOS SDK と iPhone シミュレーターのインストール
iPad Peek - Just another WordPress site
Windows, Mac OS, Linuxで動作するAdobe AirアプリのiPhone/iPadエミュレーター「iBBDemo」が3にバージョンアップしました
GitHub - thebird/Swipe: Swipe is the most accurate touch slider.
html5-css3.jp - このウェブサイトは販売用です！ - スマートフォン 編集者 方法 サイズ 日本 ツール ブラウザ テスト リソースおよび情報
iPhoneデザインボックス