Cocos2d-x：絶対にわかるマルチ解像度（マルチディスプレイ）対応 | Cocoa部
マルチ解像度（マルチレゾリューション）対応、面倒ですよね。 Androidの自由奔放とも言えるデバイスサイズたち。発狂ものですよね。 しかし、いちど原理を理解してしまえば、今後の開発がかなり楽になるはずです。 ぜひとも参考にしてください。 マルチ解像度対応の基本的な考え方 そもそもゴールがわかっていないと、「マルチ解像度とかよくわからん面倒くさい」となりかねません。 説明に入る前に、目的をハッキリさせておきましょう。 やりたいことは次の通り。 すべてのデバイスにおいて画像・ラベルの大きさの比率を同じにしたい 画像を複数サイズ用意してデバイスに合わせて画像を自動的に選ばせたい コードを書く際は、デバイスによるサイズの違いを意識しなくていいようにしたい 百聞は一見にしかず。 次のイラストのようなことがしたいのです。 これらをいっぺんに対応してしまうとわけがわからないでしょうから、順番に
iPhone Webアプリテンプレート（CSS Nite Vol.40 reprise） | Topics | DB - KAYAC Designer's Blog（カヤック デザイナーブログ）
こんにちは。意匠部ME課のtacamyです。 CSS Nite 4周年記念イベント（Vol.40 reprise）にてご紹介した iPhone Webアプリのテンプレートセットを配布します。 イベントの内容はこちらのエントリーをご覧ください。 ダウンロード iphone-tmpl.zip セット内容 index.html HTML5+iPhone用HTML css/iphone.css HTMLの新要素＋iPhone専用CSS js/iphone.js URL&検索バーを消す指定 js/lib/jquery.js jquery apple-touch-icon.png Webクリップアイコン cache.manifest マニフェストファイル .htaccess < dd style="margin-bottom:0.5em;">.manifestのMIMEタイプ設定 viewportにつ
MdN Design｜総合情報サイト
CSS についても、PC サイトとは異なる箇所がある。スマートフォンは縦向きと横向きで横幅が変わり、デバイスの種類によっても違うため、コンテンツの幅は100% のリキッドレイアウトで作るのが一般的だ。HTML5 の新しい要素に対してもCSSのリセットを行うために、今回はhtml5doctor のCSS（http://www.html5.jp/html5doctor/html-5-resetstylesheet.html）を利用した。また、モバイル版WebKit独自のプロパティもいくつか用意されている【2-1】。 【2-1】-webkit-text-size-adjustをnoneとすれば、デバイスの向きを変えたときも文字サイズを拡大しないように指定できる。-webkit-tap-highlight-colorでは、リンク要素をタップしたときの色を指定できる。指で操作していると自分がどこをタ
HTML5/CSS3で作るスマートフォンサイトの基本 (3/5)
マークアップの方針を決める スマートフォンはPCに比べて通信速度の遅い3G回線で利用されることが多いので、画像を多用するとページが表示されるまでに時間がかかります。必要のない画像の使用は控え、ダウンロードするコンテンツの容量を抑えましょう。今回は、ヘッダー部分とフッター部分だけを画像として切り出し、それ以外のタイトル文字やボタンなどはCSS3を使って装飾します。 基本的な要素をマークアップする まずは、基本的な要素をマークアップしていきます。Photoshopでヘッダーとフッターの画像を切り出して保存します。ここでは、写真を多用しているヘッダー部分をJPEG形式で、フッター部分はPNG形式で保存しました。 サイト名はh1要素、小見出しはh2要素といった具合にマークアップを施していきます。実際のHTMLは以下のようになりました。 <!DOCTYPE HTML> <html lang="ja"
雨のち晴れ » iphone対応サイト制作まとめ
iphoneに表示最適化したサイトもかなりたくさん出てきていますが、iphone対応サイトの作り方を備忘録的にまとめたかったので途中までまとめてみた。もっと書きたい事あるけど、続きは追記しておこうかな。 iphone最適化とはヤフー検索が対応した事例でもある通り、すぐに情報を見つけられるように、よりページを軽く、そして操作性の良い、iphoneに特化した見せ方をする事を言います。iphoneは通常PCでの見え方をそのまま表示し、タップしたりピンチオープンして拡大させたりしながら使用しますが、PC表示だといらない情報が多く、特に検索だと、パッと探してパッと表示できるものであって欲しいですよね。使う人の利便性を考えた設計から成り立ってます。 と言うことで今回は、iphoneサイト制作の基本をまとめてみた。 基本 iphoneのブラウザはMobile Safari ブラウザ: Safari2.
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
TokyoFloor（トウキョウ フロア） | Webサイト構築・運用のASPサービス
フレキシブルな 開発・運用 Webサイトの構築・運用をワンストップで提供しています。 基本機能群：会員機能、メール配信、Webフォーム、Webデータベースが利用できます。 これらをブラウザ上で組み合わせて構築します。 使用開始後にメール配信量を増やす等の変更が随時できます。 Webサイトを発注したい方 ワンストップでのASP提供のため、スケジュールの融通さが上がります 早い段階で「動くサイト」を限定オープンすれば、PDFやパワーポイントでは実感しずらい使用感を、サイト利用者の視点でつかみやすくなります。 Webサイト制作会社の方へ 基本機能の組み合わせ範囲内ならば、開発費用はかかりません。 実現したいことを基本機能の組み合わせでどう実現するかの検討/提案は、導入サポートにて、より柔軟・詳細に行います。 システム運用面、技術面でのサポートは、開発・運用元としてワンストップで対応します。 事前
「個人のセンスよりも数千万人のデータの方を信じる」、これがGREEの作り方
「感性に頼りすぎないゲーム設計というのを心がけている」「企画・開発はもちろんのこと、分析や事業戦略まで手を出しつつやっていく」など、これまでのゲーム作りの方法論を覆すという制作体制をとっているGREE、彼らはどのようにして数々のトップセールスを誇るプロダクトを作り上げているのでしょうか？ 日本最大のゲーム開発者向けカンファレンス「CEDEC2011」にて、これまでのゲーム機業界での手法との対比を交えながらGREEが「セールスランキングNo.1プロダクトの作り方」というタイトルで、ソーシャルゲームの未来への展望について講演を行いました。 講師は過去にフロントミッションシリーズ、FFシリーズなどを手がけ、今年スクウェア・エニックスを退社してGREEに入社した土田俊郎氏、そしてソーシャルゲーム初期の名作「釣り★スタ」のプロダクトマネージャーを努めた岸田崇志氏の両名です。こちらの濃密な講演の全内容
Android対応スマートフォンサイトのレイアウト（viewport・コンテナ編）
最近いろんなスマホ最適化されたサイトを見るようになりました。 それと同時に、多様なAndroid端末が急速に普及し、iPhone3GSが全盛だった去年までの制作方法では対応が不十分になってきてまして、僕自身も試行錯誤中なこともあり、2011年5月時点でのiPhone・Androidに対応できる自分なりのレイアウト方法をちょっとまとめてみようと思います。 今回は全体編なので、主にviewportの設定と全体を囲むコンテナ要素にフォーカスを絞ります。 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトに 端末の横幅を最大限に活かした方がよい 特に理由が無ければ、大抵の場合は、 viewportはdevice-width、コンテナはwidth:100%などの伸縮するリキッドレイアウトにする 自然な考え方で考えると、PCに比べるとただでさえ狭
オンラインゲームを「オカンでも説明無しで楽しめる」ように作るためにすべきこと
日本最大のゲーム開発者向けカンファレンス「CEDEC2011」でDropwaveの本城氏によって「ネットワークゲーム時代に求められる、ゲームプランナーの基礎知識」と題した講演が行われました。 「まずは自ら課金して廃人になるまでやりこむべし！」ということで、顧客生涯価値(LTV)の最大化を目的としたオンラインゲームの設計、開発および運用法について、本城氏自身の制作経験を踏まえて、講演というレベルを超えて微に入り細に入り赤裸々に経営哲学や制作理念が語られました。 本城： 本公演の趣旨を説明させていただきます。コンシューマゲームの開発者の視点から、オンラインゲームの開発、運営について話したいと思っております。 本公演の対象者ですが、何年も家庭用ゲームソフトを作ってきてゲーム作りには自信があるのに、会社の命令で無料ゲームを作れといきなり言われて非常に困っていて、いやいやながら作らなくてはならない方
275ワードの宇宙：科学をできるだけ易しい言葉で――「太陽系 for iPad」の挑戦 - ITmedia +D PC USER
「太陽系 for iPad」の著者であるマーカス・チャウン氏にインタビュー。後編ではアプリ製作の背景やものを書くときのスタンス、新しい試みなどを聞いた。 ―― 「太陽系 for iPad」は、まずアプリケーションを作って、紙の書籍は後から出版する、ということでした。ということは、いきなりアプリケーション用にストーリーを書き始めたんですね。アプリケーション作りは、どんな印象でしたか？ チャウン 非常に楽しかったです。何より新しかったし、エキサイティングで、やらないわけにはいかなかった。こんなチャンスを得たのだから、やらないわけにはいきません。続編を出すかという問い合わせをよく受けますが、きっとそれもやるかもしれません。 これまでの本の執筆では、私は何をするか100％自分でコントロールできました。しかし、この本に関しては、まずチームを作るところから始まりました。世界中に散らばったチームが、この
[icons] + [ADW themes] THA ICON - Part 2 - ...High quality android icon packs!
PART 2 Word up xda... This is my second installment of icon collection. In case you missed it: Check out part 1 of this collection! Check out part 2 of this collection! -- (you are here!) Check out part 3 of this collection! Check out part 4 of this collection! check out part 5 of this collection! Here i share some amazing (sometimes experimental) android icon packs, links below will give you free
![[icons] + [ADW themes] THA ICON - Part 2 - ...High quality android icon packs!](https://cdn-ak-scissors.b.st-hatena.com/image/square/d0a8d87fa29e698a79744d0ef2f4aecc0ad70b12/height=288;version=1;width=512/https%3A%2F%2Fxdaforums.com%2Fdata%2Fassets%2Flogo%2Fheader-forum.jpeg)
CSS3のメディアクエリを利用したWebサイトデザイン30個まとめ+使い方
iPhoneやAndroidなどのスマートフォン端末が普及するのと同時に、パソコン画面以外のさまざまなウィンドウ幅にも対応したWebサイト制作が行われるようになっています。 読者ユーザーの見ている画面サイズを自動的に調べ、ウィンドウ幅に応じて最適なスタイルシートを適用するメディアクエリというテクニックが利用されているケースが多いようです。 海外デザインブログWeb Design Ledgerで、メディアクエリを利用したユニークなWebサイトデザインを30個まとめたエントリー「30 Creative Examples of Responsive Web Design」が公開されていたので、今回はご紹介します。 最後には、実際にメディアクエリ利用したWebサイトを作成するときに活用したい、WordPress用テンプレート素材や使い方などを別途まとめています。Web制作の参考にしてみてはいかがで
面白法人カヤックがHTML5,CSS3,JavaScript,SVGの技術を駆使してコーポレイトサイトをリニューアル！！！！！キーワードは「軽い」「楽しい」「スピーディ」 - カヤックニュース
Webコンテンツの企画開発を事業とする株式会社カヤック（本社：神奈川県鎌倉市、 代表取締役CEO：柳澤大輔、以下「カヤック」 ）は、2011年7月7日、コーポレイトサイトを全面リニューアルいたしました。 近年注目が高まる、HTML5、CSS3、JavaScript、SVGの技術を使い、リッチなデザインを保ちながらも、快適な操作性の実現すること、また、リニューアル前のサイトの特徴でもあった「漫画表現」を要所に取り込み、オリジナルの世界観をつくりだすことを意図して設計しています。 企画コンセプト 1）世界一更新頻度の高い、スピーディなコーポレイトサイトを目指す TOPページを一覧するだけで、最近のカヤックの動向がわかるようニュースでTOPページを構成。リリース情報、講演情報、メディア掲載情報など、日々、リアルタイムにカヤックの最新の情報を発信します。 2）漫画表現を各所で活用して、世界に「漫画
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
NA
初心者でも分かるiPhoneサイト制作で参考になるサイトのまとめ - iPhoneデザインボックス
Loading...
MEMOLOG メモログ 実機がない時の実機チェック!?
Webディレクターが週末２日で作ったアプリ「田中部長 」が25万DL超え!!? - Ameba News [アメーバニュース]