これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ - てっく煮ブログ

2013/02/14 1141 users viewport HTML 見た目 web 使い勝手

スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewpor... 続きを読む

これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper | コリス

2012/03/07 868 users iPhone コリス ワイヤーフレーム ソフトウェア 両OS

Windows XP/7、Mac OSX 10.5+の両OSに対応、iPhone, Android, iPad向け（デスクトップも）のサイトやアプリのワイヤーフレームを作成するソフトウェアを紹介します。 Prototyp [...] 続きを読む

わずか10分でスマートフォン用サイトが無料で作成できるウェブサービス「smart4me」を使ってみた*ホームページを作る人のネタ帳

2011/05/19 876 users ウェブサービス iPhone フォーミー about.me

リリースされたばかりですが、スマートフォン用のサイトを手軽に作れると言う事で早速試してみました。 普通のウェブサイトなら話題のabout.meであなたのプロフィールページを1分で作ってみようを参考にしてみるといいかもしれないです。 smart4meってどんなサービス？ 以下引用を参考に。 smart4me（スマート フォーミー)とは？iPhoneやAndroidなどスマートフォン向けサイトが無料で... 続きを読む

1時間で携帯サイトをスマートフォン対応にする方法 | GREE Engineers' Blog

2011/04/25 2278 users GREE Engineers Blog matsu スマー

初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマー... 続きを読む

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌

2011/02/23 573 users phpspot開発日誌 デザインギャラリー iPhon 参考

スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhon... 続きを読む

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

2011/01/31 580 users phpspot開発日誌 まとめ インタフェース エントリ 注目

スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょ... 続きを読む

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

2011/01/22 1903 users ユージック viewport iPhone height 範囲

iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン独自の仕様 viewportについて スマートフォンでの可視領域やズームなどの設定をするmeta要素がviewportです。 viewportの各プロパティ width(幅) 可視領域の幅。デフォルト値は980px。 200pxから10000pxまでの範囲を指定できる。 height（高さ... 続きを読む

HTML5とCSS3を使ってスマートフォン向けサイトを構築　－ iPhone版Yahoo!JAPANトップの開発事例紹介（1/4）：CodeZine

2010/12/15 1026 users CodeZine タッチセンサ ネイティブアプリケーション

はじめに　スマートフォン版Yahoo! JAPANトップでは、ユーザーへ高品質なユーザーエクスペリエンスを提供するために、対象端末をiOSとAndroid OSのスマートフォン端末に絞り、最新のブラウザ仕様に基づいたサイト構築を行っています。スマートフォン版Yahoo! JAPANトップ 画像の使用を抑えるためCSS3や、ネイティブアプリケーションに近づけるためCSSアニメーションや、タッチセンサ... 続きを読む