タグ

web制作とモバイルに関するmasaxunのブックマーク (6)

  • 携帯サイト(html,table使用可)の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α

    前回のエントリー「携帯サイト(html)の制作に入る前に確認しておきたいチェック項目」では、tableを使わずにできるデザインでサンプルページを作成しました。 今回は「tableを使用してよい」という条件のもとで制作した場合、で考えてみます。 ただ、table非対応機種で見てもそこまでむごい崩れ方をしないように考慮して制作します。 デザイン、条件は前のエントリーと同様です。 前提条件は、 ・3キャリア1ソース ・htmlCSSは使用不可) ・文字コード:Shift-JIS ・改行コード:CR LF 対応端末は、 ・docomo 901以降 ・au WIN端末 ・sb 3G です。 ※table非対応端末が含まれているがtableは使用してよいこととする。ただし、table非対応機種でもサイトの閲覧に支障がないようにすること。 チェックポイント tableが使えることによって前よりもチェッ

  • ke-tai.org > Blog Archive > ケータイサイトでのtableタグの使い方がまとめられた記事「一歩上行く!携帯HTML/XHTMLデザイン・コーディング術(第二弾)」

    ケータイサイトでのtableタグの使い方がまとめられた記事「一歩上行く!携帯HTML/XHTMLデザイン・コーディング術(第二弾)」 Tweet 2010/3/2 火曜日 matsui Posted in デザイン, 記事紹介・リンク | No Comments » case:MobileDesign!さんに、先日ご紹介させていただいた記事の続編が掲載されていましたのでご紹介します。 今回はtableタグのコーディングについてです。 → case:MobileDesign! モバイルサイトのデザイン紹介ブログ 一歩上行く!携帯HTML/XHTMLデザイン・コーディング術(第二弾) [d.hatena.ne.jp] 最近は対応端末がほとんどとなっているためそれほどでもありませんが、tableタグはケータイサイトを作る上ではまりやすいポイントとなっていました。 ドコモ901以前の世代に対応しな

  • 3キャリア対応の携帯サイトを作るには

    制限の多いキャリアに合わせた作り 前回(http://www.thinkit.co.jp/article/143/2/)は、汎用的な携帯サイトを作る手順とポイントを解説しました。今回は、3キャリア対応の携帯サイトを作るテクニックと「こうしたい」を実現するデザインテクニックを技術的視点で解説します。 3キャリアに対応した携帯サイトを作るためには、各キャリアの仕様を比較し、最も制限の多い(自由度の低い)キャリアに合わせなくてはなりません。まず、第1回(http://www.thinkit.co.jp/article/143/1/)と第2回(http://www.thinkit.co.jp/article/143/2/)の内容をふまえて、3キャリアの携帯サイト制作のポイントをおさらいしましょう。 HTMLCSSに関しては、最新のデザインを取り入れるならHTML文書は「XHTML」で記述する、コ

  • iPhone向けWebアプリを作ろう(3/4) - @IT

    iPhone版Safariの独自仕様を理解するうえで一番混乱しやすいのが、ビューポートの振る舞いです。ビューポートとは、コンテンツが表示される領域のことです。デスクトップのWebブラウザでは、コンテンツの横幅が大きくてウィンドウ内に表示し切れない場合、ユーザーはウィンドウの枠をドラッグして広げる(あるいは最大化する)ことができます。 しかし、ビューポートの物理サイズは固定されているので、コンテンツの方を縮小/拡大することで、一度に表示する内容量を調節することになります。 ・ ビューポートのデフォルト幅 iPhoneのスクリーン解像度は、ポートレート表示(縦位置)の場合、横320px、縦480pxです。デバイスを回転させてランドスケープ表示(横位置)にすれば、縦320px、横480pxになります。 そのうち、ステータスバー、URLテキストフィールド、ボタンバーといった要素を省いた残りの領域が

  • スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT

    jQuery MobileはjQuery公式が開発したスマートフォン向けサイト開発用ライブラリ。 MOONGIFTはこう見る jQuery Mobileは数ヶ月前に開発が発表され、ついに1.0α版が登場した待ちに待たれたライブラリ。既に幾つかこの手のライブラリはあるが、家が打ち出してくる以上、人気は集まるだろう。既に機能も多いので、大抵のスマートフォンサイトならこなせそうだ。 jQTouchは不具合とは言わないまでも、利用に際してはコツを掴む必要があった。jQuery Mobileはぜひそのテツは踏まず、PC向けライブラリ同様の使い勝手を維持してほしいと願ってしまう。 jQuery MobileはJavaScript/jQuery製のオープンソース・ソフトウェア。iOS、特にiPhone/iPad用のWebサイトを作るための専用ライブラリは数多い。最適化され、iPhoneなどで見やすい画

    スマートフォン最適化サイトの本命か·jQuery Mobile MOONGIFT
    masaxun
    masaxun 2010/10/27
    これは要チェックだな・・・いい加減こういうの使ってサイト作らんとな~、色々錆びちゃうぜ。
  • モバイル|PHP & JavaScript Room

    PHPJavaScript、Ajax、HTML/XHTMLCSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説無料レンタルサーバーを使ってるけど、格的にサイト運営しようかな・・・ と思っているなら安くてサポートが充実している「ロリポップ!」がおすすめ★ 月額263円で容量1GB! もうちょっと容量ほしいならプラス105円の370円で容量2GBにできちゃいます。 ロリポップなら「MovableType」や「Wordpress」も設置できます。 しかも超わかりやすい設置マニュアルがあるので、プログラムとか全然わからなくてOKです。 ブログを自分好みにカスタマイズして、いじりたおしてみたい人にもぴったり♪ ロリポップのいいところはサポート体制がしっかりしているところ! オンラインマニュアルが充実しているのでほとんどのの疑問はここで解決

    masaxun
    masaxun 2010/09/08
    必要に迫られてさんざん調べた結果見つけた携帯用HTMLの良いまとめサイト。キャリアごとの対応非対応まで載ってる。
  • 1