タグ

まとめと携帯に関するtonkasのブックマーク (7)

  • 永久保存版!?携帯コーディング、これだけ読めばすぐできる! | KAYAC

    マークアップエンジニア(以下、ME)のtacamyです!(`・ω・´) カヤックでは、デザイナーもHTMLコーディングをしてくれています。 (いつもありがとうございます!) そんなワケで、格的にHTMLコーディングはしないけど、 ちょこっとしたページなら組みますっていうデザイナー向けの、 「コレだけ読めばすぐできる」シリーズを始めました。 第一回は「携帯コーディング」についてです。 携帯はPCとは全くの別物なので、なんとなく敬遠しがちですが、 最低限の内容であれば覚えることも少ないですし、 一度覚えてしまえばスタンダードがしばらく変わらないので、覚えておいて損はないですよ! 携帯コーディングの基 基礎の基礎 文字コードはShift-JIS CSSはインラインで指定(タグに直接style属性を追加する) 画像を含むページ容量100KB以内(HTML自体の容量は9KB以内) 画像はgifか

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

    case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-02-08 >

  • 携帯サイトを3日で作れ的な展開になって泣きながら勉強したときのメモ -  

    なんだかとりあえず3日で携帯サイト作れみたいな展開になってきたので、 1日目:勉強 2日目:環境整備&構想 3日目:コーディング というスケジュールでやろうかと。 携帯サイト構築に関するもちょっぴり出ているけど、携帯の世界は移り変わりが激しくて、内容が古かったりするのでやっぱりWEBで最新のモバイル開発をお勉強。 ちなみに携帯サイトの開発経験ゼロ、普段携帯サイトはあんまりみないです(乗換検索とたまにmixi、gmail)。 早速検索してみたところ、こんな↓勉強会が開かれていたようです! blog.grayash.com - モバイル勉強会レポート 携帯サイト開発概要早分かり こちらの勉強会の二つのプレゼン資料が、最近のモバイル開発の概要を知るのに最適! 『理論』 モバイルでのXHTMLCSS 『実践』 初心者向け3キャリア共通モバイルサイト作成 実践編 phpを使った携帯サイト開発概論

    携帯サイトを3日で作れ的な展開になって泣きながら勉強したときのメモ -  
    tonkas
    tonkas 2009/05/13
    携帯サイト作成のノウハウのまとめ
  • ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント(第4回) | モバイルサイト構築のユーザビリティいろは

    ケータイ公式サイト&ダウンロードサイトのユーザビリティ6つのポイント(第4回) | モバイルサイト構築のユーザビリティいろは
  • モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ

    こんにちは、『プチペット』を担当している吉沢です。 最近のモバイルサイトはキャリア間や機種に依存する問題が少なくなり、表現の制約も少なくなってグラフィカルに魅せることできるようになってきましたね。 グラフィカルに魅せることができるようになった分、HTMLソースも複雑になり、デザイナーやマックアッパーにコーディングを依頼する機会が増えてきていると思います。 状況は会社によって様々だと思いますが、今回は、効率よくデバックを行って完成度を高めたい、ちょっとした作業はディレクター側で行いたいというときに、PCサイトの作成でもおなじみのツールを含めた、モバイルならではのツールの使い方をご紹介したいと思います。 【1】FireMobileSimulator PCでモバイルの画面を表示することができるので、電波状況や通信速度を気にしなくてもよく、レイアウトのチェックから、機能面のデバックをスピーディに行

    モバイルサイトのチェックが効率よくできるツール : LINE Corporation ディレクターブログ
  • 携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ

    先日の勉強会での発表内容に関して、ke-tai.orgさんのところで入力モードについて突っ込まれたので、せっかくだし書きかけの記事をきちんとまとめてみることにしました。 元々、wideの%MobileStudyで入力モードの話が出た際、意外と情報が間違って知られていたりすることが多いようだったので、特にはまりやすいあたりを中心に、入力モード指定についてざっくりと書いておこうと思って、まとめたかけでそのまま放置していたwものがあったんですが、それがベースです。 そんなわけで、記憶頼りが中心であんまり検証しないで書いてるので、間違いが含まれてたらごめんなさい。 では題。 入力モードとは まず、入力モード指定って何のことかという話からすると、みんな携帯をいじる時に「全角かな」とか「数字」とか「英小文字」とかいろいろ端末の文字入力を切り替えると思うんですが、あれのことです。 サイトを作る時にin

    携帯XHTMLでの入力モードのまとめと、ちょっとしたハマりどころについて - 絶品ゆどうふのタレ
    tonkas
    tonkas 2009/04/01
    入力モードのまとめ
  • PHPで携帯サイト - phpspot

    PCサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します! 基 ・3キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト&ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはPC版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様

  • 1