タグ

mobileとcssに関するtyoro1210のブックマーク (4)

  • 必見!携帯サイトをお手軽にiPhoneやスマートフォンに対応させる方法 - 適当な日々

    フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれないiPhoneの登場でスマートフォンで閲覧しやすいサイトの需要が高まってきたようです。 でもわざわざiPhoneやスマートフォン向けにサイトを作るのは大変・・・。 そんな方に、今までに制作したモバイルサイトをスマートフォン対応させる方法があります。 しかも5分でお手軽にできます! htmlCSSで解決する方法なのですが、実はこの方法を使うだけで開発もしやすくなる優れものです。 論より証拠ということで、まずはこちらをご覧ください。 (PCからでもオッケーです。htmlはこちらの記事で作成したものを使ってます。) まず、こちらが普通に作成したモバイルサイト→before そしてこれがその方法を使ったもの→after やっていることは閲覧しているブラウザに応じて、3つの

  • case:MobileDesign! モバイルサイトのデザイン紹介ブログ

    はてなダイアリーで更新を行っていた「case:MobileDesign!」ですが、引越しをしました。 【新しいアドレス】 http://case-mobile-design.com/ 2015年4月、さらに下記に引っ越しました。 http://hi-posi.co.jp/tech 今後もよろしくお願い申し上げます。

    case:MobileDesign! モバイルサイトのデザイン紹介ブログ
  • 参考資料・オープンウェーヴ社が定めた CSS のプロパティ - 携帯電話向けコンテンツの書き方

    EZ ウェブ端末が実装しているオープンウェーヴ社のモバイルブラウザ(現在はミリヤド・グループに事業譲渡)に実装されているカスケーディングスタイルシート(CSS)について解説します。 ソフトバンクなど、オープンウェーヴ社以外のユーザエージェントを実装するキャリアもありますが、オープンウェーヴ社の実装は最大公約数的なもの、すなわちどの CSS 対応ユーザエージェントでも実装されている筈のものと思われます。 参考資料・オープンウェーヴ社のXHTML モバイル・プロファイルもご一読下さい。 オープンウェーヴで使える CSS のセレクタ。 旧オープンウェーヴのモバイルブラウザで使える CSS のセレクタには、以下のものがあります。 全称セレクタ(汎用セレクタ) 要素セレクタ(タイプセレクタ・型セレクタ) クラスセレクタ ID セレクタ(一意セレクタ) 下位セレクタ(子孫セレクタ) 直下セレクタ(子セ

    参考資料・オープンウェーヴ社が定めた CSS のプロパティ - 携帯電話向けコンテンツの書き方
  • 携帯電話向けのCSS - 携帯電話向けコンテンツの書き方

    フィーチャフォンで使う事の出来るカスケーディングスタイルシート(CSS)のセレクタ及びプロパティを解説します。 フィーチャフォンでのCSSのセレクタ・プロパティは、参考資料・オープンウェーヴ社が定めているCSSのプロパティに移転しました。 また、 フィーチャフォン用の CSS を書くに当たって CSS 非対応機種との兼ね合い も別文書・携帯電話向けの CSS を書くに当たってに移転しました。 CSS に関して基的な事柄については、CSS 入門(HTML & CSS 入門)をご覧下さい。 また、各プロパティなどの詳細は CSS(カスケーディングスタイルシート)及び CSS リファレンスをご覧下さい。 フィーチャフォンでの CSS について。 WAP 2.0 での CSS。 EZ ウェブ及びソフトバンクのフィーチャフォンは、WAP 2.0 に準拠しているため、CSS を使う事が出来ます。 但

    携帯電話向けのCSS - 携帯電話向けコンテンツの書き方
  • 1