タグ

mobileとtipsに関するmasuPのブックマーク (3)

  • TRANS - 携帯用CSSを書く上で押さえておくべきポイント

    先日、diggでVitamin Features » Make your site mobile friendlyというエントリーが上がってきてました。見てみると、非常にうまい具合に携帯向けのCSSHTMLの書き方などが紹介されていました。僕も携帯向けCSSの書き方には興味があったので、勉強がてら重要なポイントを抜き出して、和訳してみました。 和訳文は次からスタートです。(上記サイトの「mobile」は携帯電話やPDAを含めたモバイル機器が正確な訳ですが、ここでは話を分かりやすくするために「mobile」を全て「携帯」と訳しています。) 基からスタートしよう。 既に論理的でセマンティックなHTMLを構造化しているんだったら、携帯を含めたどのデバイスでもきれいに、使いやすく、アクセシブルになっています。携帯によっては、WAPに準拠しているかもしれないし、もしかしたらWAP2もいけるかもし

    TRANS - 携帯用CSSを書く上で押さえておくべきポイント
  • ウノウラボ Unoh Labs: SoftBank絵文字の対処法

    こんにちは。harukです。 今回はSoftBankの絵文字の対処法の基礎的な部分についてです。 絵文字コードは以下のようになっています。 0x1B 0x24($) 【 ? 】 【 X 】… 0x0F 【 ? 】 = G / E / F / O / P / Q 【 X 】 = 0x21~0x7E 【 X 】の部分には、[ < ]や[ ' ]や[ \ ]などが含まれているので多少やっかいです。 入力された絵文字を含む文字列を表示する際などには HTMLエンコード(実体参照化)してあげなければいけませんが、 絵文字の中もエンコードされてしまいます。 (例) こんにちは(0x1B)(0x24)G>(0x0F) ↓ こんにちは(0x1B)(0x24)G>(0x0F) となってしまい、4文字の別の絵文字になってしまいます。 対応するにはPHPでは以下のように行います。 function SB_ht

  • fixture.jp/blog - Googleカレンダーを携帯で見る方法:補足

    ■ たたみラボ: Googleカレンダーを携帯で見る方法 で紹介されているGoogle Calendarの使い方がすごい!と思ったのですが、 カレンダーを公開にしなくても携帯から見ることができる方法を発見。 Gcalの設定画面で、携帯から見たいカレンダーの名前をクリックし、一番下に出てくる「Private Address:」の中の「HTML」ボタンをクリックします。(※参考画像) そして出てきたURLをクリック、移動後のカレンダーページの右上のタブから「Agenda」を選択。そのページのURLを携帯に送れば、見れます。 原理としては、「Calendar Address:」というのは公開しているカレンダーのための一元的なURLで、「Private Address:」の方はそこにランダムな文字列を付加して認証不要の参照ができるようにしたもの、ということかな。 This is the priv

  • 1