Thanks for dropping by! Feel free to join the discussion by leaving comments, and stay updated by subscribing to the RSS feed.
はてなからブログを引越しました。 WordPressに移行しました。 前のブログはこっち http://d.hatena.ne.jp/izit_kosuke/ 基本的なスマホ対応してます。(iPhone・Androidでアクセスしてください) 【サイトトップ】 超突貫で作ったので、細かい部分でいろいろ行き届いてません。 カテゴリやエントリがないリンクすらありますw IE6は完全切り捨てです(笑) IE7ではレイアウトが微妙に崩れるようです。 iPhone/Android対応してますが、フリックできるところとか (完全なフリックの実装はしてない) ときどきバグります。 また、スマホ時もPCサイトの画像(サイズの大きい画像)をそのまま読込んでいるので ページ読込みにやや時間がかかります。 スマホサイトやアプリの制作関連をエントリしていきつつ、 サイトも良くしていこうと思ってます。
スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか? ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait(縦)表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 (まぁ、拡大とは意味が違うので当然なのですが。。。) 具体的にどういうことをしておいた方が良いかというと、 ★とりあえずページのラッピング要素はoverflow:hiddenにする HTMLレイアウトを組む大抵の場合、 <
iPhone4 がついに届いて興奮気味のgunjiです。 2週間待ちでした! 待ってる間に、iPhone4も対象としたWEBアプリ(ネイティブアプリのweb view を含む) のコーディングで気をつけることについておさらいしていたところ、 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね! という現実に打ちのめされたので、まとめてみます。 そもそもRetinaディスプレイってなんでしたっけ? はいはい、iPhone4の目玉のひとつで、今までの2倍の解像度で 画面がとってもキレイに見えるんですよね! 拡大しなくても小さな文字が読めるなんてサイコー! ところが、今までiPhone向けに作ったサイトをこのiPhone4で見るとちょっと 不思議な状態になってることがあるのです。 iPhone4で見たらなんか画像がにじんでるように見える・・・?! こういうイメージです。 そう、
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く