[B! html5][android] niidomeのブックマーク

グリーに学ぶ、スマートフォン開発向けWebアプリ要素の最新技術　～HTML5、CSS3を採用したポイントとは

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

niidome 2011/02/10

リンク

スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌

スマートフォン向けサイトの作り方エントリのまとめ。スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。個人的にもしっかり覚えておきたかったのでまとめてみました。基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。基本スマートフォン向けサイトの作り方｜ユージックサイトの幅、高さ viewportによるズーム指定の方法便利なJSライブラリユーザエージェントシュミレーター等の有用情報 Androidサイトは横幅

niidome 2011/01/31

リンク

「スマホ対応サイト制作　初心者向け」みたいな感じで書いてみた　-1.メニュー編-（※iPhone寄り） - Kaleidoscope

【目次】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編）今持ってるPCサイトをスマホ対応したいなぁ…と思ってるものの、「どこから手を付けていいのやら、わからん！！」って方も多いのではないでしょうか？ということで、記事でも書いてみっかぁ！と、なぜかやる気になったので、連載形式で書いてみることにしました。ただ、途中で飽きたり、やる気が無くなったら、予告無く終了する可能性大です(￣▽￣;) 僕自身、人に教えられるほどのスマホサイト制作の熟練者というわけでは無いので、もっと良い手段や方法があるかもしれません。「ここはこうしたらいい」など、ご意見ありましたら、逆に教えてください(^-^; 【まずはじめに】スマホサイトと言っちゃったものの、とりあえずはiPhone向けのサイトを基準とします。 Androidの「ブラウザ」も、iPhon

niidome 2011/01/31

リンク

スマートフォン向けサイトの作り方 | ユージック

スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。スマートフォン向けサイト作成にあたっての基本概要まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn

niidome 2011/01/23

リンク

スマートフォン関連の基礎勉強法 : LINE Corporation ディレクターブログ

こんにちは、ブロググループの飯田 (@iishun) です。 2011 年はさらにスマートフォン市場の拡大が加速すると云われています。弊社でも 2010 年 10 月にライブドア全体のスマートフォン関連事業を推進していくスマートフォングループが設立されました。が、各コンテンツのスマートフォンサイト・アプリは各グループのコンテンツ担当が運用するのでスマートフォン関連の知識は必須になります。そこで今回は僕がここ最近実践しているスマートフォンに関する勉強法を、実際に使用した参考書籍と共に紹介してみます。これから「スマートフォンの事を勉強しなきゃ！」と思った人に役に立ってもらえればなと思います。 1. HTML5/CSS3 の特徴を知る HTML5/CSS3 がスマートフォン用のマークアップ言語というわけじゃありませんが、スマートフォンのウェブサイト (Webkit 系) は HTML5/CS