タグ

CSSとスマートフォンに関するakatuki_satoのブックマーク (3)

  • FlashLiteなコンテンツをHTML5に移植してスマートフォンでも見れるようにした (2)

    ソーシャルゲームをスマートフォン向けに出している企業も増えてきました。見ているとWallabyによる自動変換+手作業派とFlashをタッチ対応してAndroidだけ出す派の2派が多いようですね。弊社のアプリでも、Wallabyは真・戦国バスター、Flashのタッチ対応はトイボットで使われています。 あとWallabyとは別のやり方で自動変換を試みたものもあります。 そんな中、愚直に移植を試みるのが、いま紹介している方法になります。 そんなわけで、移植担当のosuga-hです。 FlashLiteコンテンツをスマートフォンに移植する話の続きです。 今回はflaファイルから見た目の部分をHTMLに起こしていく作業にフォーカスして、どんな作業をしたのかをより具体的に説明したいと思います。 前回のあらすじ FlashLiteコンテンツをスマートフォンにも! flaファイルからHTML5にしてみ

  • 【スマートフォン向け】新規でサイトを作るのに使えそうなの一式。 - CSS HappyLife

    前回の更新日が見たくない程に時が流れている今日この頃・・・。 ブログを更新するモチベーションが中々上がらなかったんですが、まだ、だらだらでも良いから書いていきたいなと言う気持ちは有るんです。えぇ。 こんだけ更新が滞ってても、Twitterとかで時々ブログ読んでますって言ってもらえたり、最近なら「今日からできる定時で上がるためのWEB制作効率アップ術 | カッシーのWEBる。」で、【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 を紹介してもらったりしてうれしい半面、更新して無いなーと、何とも言えない気持ちになったり。 なので、これからはちょろっとでもネタが有れば更新していきたいなーと。 何をモチベーションに更新するかはまだ見つかってないけど>< さて、そんな訳で、今回はスマートフォン向けの新規でサイトを作るのに使えそうな感じの一式です。 【スマートフォン向け】新規でサイトを

    【スマートフォン向け】新規でサイトを作るのに使えそうなの一式。 - CSS HappyLife
  • [CSS]スマフォ対応サイトのためにMedia Queriesをしっかり身につけるチュートリアル

    iPhoneなどの小さいサイズのモニターをはじめ、2560pxの大きいサイズのモニターなど、それぞれの幅に適したレイアウトを自動的に適用するMedia Queriesをしっかりと身につけるためのスタイルシートのチュートリアルを紹介します。 Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 デモページの確認 HTML CSS Media Queries 完成したデモの確認 デモページの確認 チュートリアルの前にまず、それがどのように見えるかデモページをチェックしてみてください。 このデモページはHTML5+CSS3 Media Queriesで作成されており、ユーザーが使用しているビューポートのサイズに適したレイアウトに自動調整して表示されます。 デモページ 左から、ノーマル、ナロウ、ス

  • 1