ipad用ホームページに適したCSSを作る前に・・・

2011年05月14日

ipad2が発売されて、半月が経とうとしてます。初代ipadに迫る勢いで売れているようですね。

ipadなどのタブレットPCのさらなる普及のため、タブレットPCやスマートフォンでもきちんと見ることが出来るホームページが地方でも求められています。

最近作らせていただいたホームページでも、一部表示がおかしくなっていたところがあったので、対策を調べていました。

ipadで読み込んだ際に、専用のCSSを反映させる方法はありました。
下の記事などが参考になります。

iPad対応のWebを考えてiPad用のCSSを追加する

【CSS】iPadだけにCSSを適用する方法

iPadに最適化したサイトがつくれるかもしれない5つの方法(基本編)

しかし、今回は表示が崩れていたのがほんの一部だったので、専用のCSSを作るほどではありませんでした。なので、ipad、ipad2で使われているsafariブラウザでのみ反映するハックを探してみました。

ipadのsafariはバージョンが確かめられませんが、最新版は5.0.5のようです。
safari5のハックは見つからなかったので、Documenting the Hacks: CSS Browser Targetingの記事などを参考に、safari3のハックを試してみました。

body:first-of-type #selector {property:value;}

結果、うまく表示されるようになりました。

これからは、タブレットPCとスマートフォンでも同じように表示されるようなデザインにしていく必要がありますね。

posted by nobu at 15:59 | Comment(0) | モバイル

洋楽の歌詞を穴埋めして英語(言語)を学べる LyricsGaps

2011年05月10日

歌詞を穴埋めして英語を学ぶ LyricsGaps

英語の聞き取り学習の教材にいいかも。
LyricsGapsは、洋楽の歌詞を聴きながら、穴埋めをして採点ができるサービスです。

続きをどうぞ
posted by nobu at 13:05 | Comment(0) | サービス

スマートフォンは興味本位で買わないほうがいい

2011年05月02日

スマートフォン

スマートフォンを買いたいんだけれど・・・

という相談が増えてきました。

それもどちらかというと、年配の人からの相談が多いです。両親(60代)からも、スマートフォンの使い勝手や料金などの相談がありました。

続きをどうぞ
posted by nobu at 21:27 | Comment(0) | モバイル