to-Rでタグ iPhone が指定されているエントリー

スマートフォンとposition:fixedのバグ

iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。

続きを読む »

続:Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する

「Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する」を書いた後、さまざまなコメントを頂いて、その中に正解な対応方法があったのでご紹介。

続きを読む »

Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用する

作業環境をMac OS X 10.6 Snow LeopardからMac OS X 10.7 Lionにアップデートしたので、Xcodeのバージョンも3.2.6から4.2にアップデートしました。ちなみにXcode 4.2からまた無料でインストールできるようになっています。（続:Xcode4.2インストール後にiPhone4以下のiOSシミュレータを利用するも参考にしてください。）

続きを読む »

［書評］ iPhone & Android スマートフォンサイト制作の教科書

iPhone & Android スマートフォンサイト制作の教科書 iPhone & Android スマートフォンサイト制作の教科書を献本いただきました。ありがとうございます。

続きを読む »

CSS Nite in TAKAMATSU, Vol.5は「スマートフォン特集」

CSS Nite in TAKAMATSU, Vol.510月1日に高松でCSS Nite in TAKAMATSU, Vol.5 「スマートフォン特集」が開催され私も登壇させていただきます。

続きを読む »

スマートフォンサイトをデザインする上で知っておくべき10のTIPS

iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。

続きを読む »

Safariの開発者メニューでスマートフォン開発

AndroidやiPhoneのスマートフォンのサイト作成を行う際にSafariの開発者メニューを利用すると便利です。

続きを読む »

iPhoneで特定のzoomとfont-sizeの際に文字サイズが拡大するバグ

かなりレアなケースだと思うのですがiPhoneのSafariで特定のzoomとfont-sizeの際に文字サイズが拡大するバグがあります。

続きを読む »

HTML5が使えるスマートフォンOS

HTML5が使えると言うと少し言いすぎですが、headerなどの新要素に対してdisplay:blockが指定されているOSです。

続きを読む »

[書評]iPhone+Android スマートフォンサイト制作入門

iPhone+Android スマートフォンサイト制作入門 (WEB PROFESSIONAL)たにぐちまこと さんの「iPhone+Android スマートフォンサイト制作入門」を献本いただきました。ドーナツ本の兄弟本です。

続きを読む »

iPhone/AndroidでURLスキームを利用したアプリ起動

iPhoneのSafariやAndroidのブラウザなどからURLスキームを利用することで直接アプリを起動することができるようになります。

続きを読む »

[書評] HTML5+CSS3で魅せるiPhoneサイト

HTML5＋CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応谷 拓樹さんが書いた「HTML5+CSS3で魅せるiPhoneサイト」を献本いただきました。当サイトのエントリーもいくつか紹介されております。

続きを読む »

CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transition Animate」

iPhone / iPadではjQueryのanimateメソッドが重いのでCSS3のアニメーションを使いましょうというのがセオリーになっていますが、CSSでアニメーションって結構めんどくさかったりします。

続きを読む »

iPhone/iPadでダブルタップが利用できるjQueryプラグイン「jquery.event.dblTap.js」

iPhone/iPadでダブルタップをJavaScriptで実装するで紹介してたダブルタップの実装方法をjQueryプラグインにしてみました。

続きを読む »

jQueryでiPhone/iPadの向きを検出する

iPhone/iPadで向きを検出する

iPhone/iPadで向きの概念が存在し、横向き(landscape)と縦向き(portrait)によって幅が変わるのでデザインやスクリプトを変更することがあります。

続きを読む »

iPhone/iPadでダブルタップをJavaScriptで実装する

iPhone/iPadのJavaScriptでは「onclick≒タップ」なのに「ondblclick≠ダブルタップ」となるのでダブルタップを利用したい場合は独自に実装しなくてはいけない。

続きを読む »

iPhone/iPadでPCと同じJavaScriptのイベントを実装する

PC向けに作ったサイトをiPhoneやiPadでも利用できるようにする際に注意しなくてはいけないのがJavaScriptのイベントです。

続きを読む »

PC用とiPhone用のサイトを切り替える.htaccess

PC用のサイトにiPhoneでアクセスがあった場合にiPhone用のサイトに転送するというのはよくあるケースだと思います。更にiPhoneで「PC用」のボタンをクリックされた場合にPC用のサイトが閲覧できる.htaccessを考えてみました。

続きを読む »

iPhone用CSSをメディアクエリで分岐する問題点

これまで1つのHTMLソースでPC用とiPhone用のスタイルシートを切り替えるテクニックとしてCSS3のメディアクエリが用いられることが多かったのですが、iPhone 4の登場によりこのテクニックはバッドノウハウになりつつあります。

続きを読む »

[書評]iPhoneサイト制作ハンドブック iPhone&iPod touch対応

iPhoneサイト制作ハンドブック iPhone&iPod touch対応iPhoneサイト制作ハンドブックの献本をいただいたので読みました。ありがとうございます。

続きを読む »

購読

フィードリーダーを利用して検索結果を購読し、今後投稿されるエントリーでタグ「iPhone」が指定されているものにアクセスできます。 [フィードとは]

フィードを取得 フィードを取得