スマートフォン向けの Web サイトを作るとき、viewport の設定次第で使い勝手が大幅に変わる。 最近はレスポンシブ Web デザインが流行してるけども、その大前提として viewport の設定パターンを抑えておくのは重要だろう。 この記事では、viewport の設定によって、見た目・使い勝手がどう変わるかを解説する。 パターン1: 何も考えずに HTML を書く まずは、viewport を指定せずに、単純な HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>色んな素材がごった煮になった様子をお椀で表現しています。 湯気が<strong>「てっく」</strong>に見えるのが隠し味になっていま
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
ちなみに下記のような内容で契約を行なっています。 タイプXiにねん:780円 mopera U スタンダードプラン:525円 Xiパケ・ホーダイ フラット:4410円 ユニバーサルサービス料:7円 合計:5723円 ※消費税の算出方法の都合上、1円繰り上がります。 ただし上記のXiパケ・ホーダイ フラットの料金は2012年4月末日までのキャンペーン価格なので、5月以降は下記の料金となります。 タイプXiにねん:780円 mopera U スタンダードプラン:525円 Xiパケ・ホーダイ フラット:5985円 ユニバーサルサービス料:7円 合計:7298円 ※消費税の算出方法の都合上、1円繰り上がります。 キャンペーン後の7298円でも、テザリングまで利用できるのであれば非常に魅力的な料金です。それでは早速試してみましょう。
最近スマートフォンのシェアが広がってきてWEBサイト作成もPCサイトのみでなくiphoneなどのスマートフォンを意識する提案も増えてきましたか? しかしHTML5+CSS3サイトで専用ページを作ったり、CMSのプラグインで振り分けたりと作り方は色々です。 参考となるiphoneサイトやスマートフォンサイトもまだまだ少ないので提案の際の資料探すのも大変ですよね・・。 これからもっと増えるとおもいますが現段階でのスマートフォンやiphoneサイト、iphoneアプリ専用サイトなどをまとめてみました。 日本ではサイトの数が少なかったので、昔からの知人の『バンクーバーのうぇぶ屋』のSenna君にも海外の方のアプリ系やiphone系のサイトを教えてもらいました。 他にもサイトがありましたら是非教えてください。 国内サイトのiPhoneサイトやスマートフォンサイト スマートフォンサイト集めま http
簡単なものですけど、jQuery Mobile でのマークアップ時によく使うっぽい UIのサンプル作ったので配布します。 簡単なチートシート代わりになるのでは 無いかと思ったのでシェアしてみよう かと。良かったら使ってください。 というのも、JQMの日本語サンプルの配布先を見かけなかったので、なかなかお困りの方もいらっしゃるんじゃないかなと。調べるの面倒ですし、手元にサンプルコードあったほうが何かと便利ですよね。 というわけで、以前マークアップサンプルの記事書いたときに作ったサンプルサイトに手を加えた物を丸ごと配布します。 流石にかなり出てるので今更説明不要かもですけど、ざっくり説明するとWebサイトをスマフォ向けに簡単に出来るjQueryプラグインです。 以下のサンプルで使用しているファイルが丸ごと梱包してあります。 サンプル※別窓 いちおうキャプチャ。 目次 サムネイル付きのサンプルと
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単! スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1)HTMLを書くだけでモバイルアプリケーションができてしまう 2)モバイルのユーザーインターフェイス対応の部品が多く揃っている 3)iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
ディー・エヌ・エーは11月1日、2011年3月期第2四半期(2010年7月1日〜9月30日)の連結業績を発表した。決算発表会では代表取締役社長兼CEOの南場智子氏がDeNAの世界戦略を語った。 南場氏は世界のソーシャルゲームのリーダーとして、DeNA、Facebook、Zyngaの3社を挙げた。売上で比較すると、DeNAが13億ドル、Facebookが10〜20億ドル(DeNA試算)、Zyngaが6〜10億ドル(DeNA試算)だという。売上は同規模だが、推定ARPU(1ユーザーあたりの月額利用料)はDeNAがFacebookの30倍、Zyngaの15倍と収益性では引き離しているとの見方だ。 事業領域を比較すると、DeNAはソーシャルネットワーキングサービス(SNS)とゲームを提供しているが、FacebookはSNSのみを、Zyngaはゲームのみを提供している。ユーザー同士の関係性では、De
歴代人気記事でも上位の ポータルのポータル。 今回は、iPad・iPhone・携帯サイトなど モバイルデバイスのデザインギャラリーを集めてみました! それでは続きからどうぞ。 iPad・iPhone Landing Pad ー an iPad App Gallery 綺麗なiPadアプリがたくさん掲載されています。 iOSpirations iPad/iPhoneのアプリやサイトデザインが紹介されています。 ishowcase 国内のiPhone / iPad最適化対応サイトが掲載されています。 iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 国内/海外のiPhoneサイトがたくさん掲載されています。 mobile AWESOMENESS 綺麗なモバイルデザインがたくさん。 Web Design Inspiration for the iPhone iPhoneに
ホワイトプラン(i)で2年単位のご契約となります(自動更新)。 解約/譲渡/料金プラン変更/iPhone 3G以外の買い増し/2年契約(キャンペーン)またはパケット定額フル(キャンペーン)の解除の場合には、本キャンペーンの適用は解除となります。 更新月(契約期間満了の翌請求月)以外の解約等には契約解除料(9,975円/税込)がかかります。 実質負担とは、分割支払金と月月割の差額です。 解約・契約変更・買い増し等で割引がなくなる場合など、実質負担が0円にならない場合があります。 月月割は、機種代金からの割引ではありません。 頭金の有無、金額は店頭でご確認ください。 iPhone for everybody キャンペーン提供条件書 (PDF:64 KB) Apple、Appleのロゴは、米国および他国のApple Inc.の登録商標です。iPhoneはApple Inc.の商標で
人気の記事 11ビットコインが1000万円を突破--史上初 2024年03月05日 2計算アプリ「Photomath」、グーグルのアプリとして公式に公開 2024年03月04日 3アップル、M3チップ搭載MacBook Airを発表--2台の外部ディスプレイに対応 2024年03月05日 4「ストリートビュー」が捉えたクレイジーすぎる光景38連発 2018年08月05日 5「アイマス ミリオンライブ!」10thライブツアーAct-4で見た“39人が彩った10年間の集大成” 2024年03月03日 6次期「MacBook Air」「iPad Pro」「iPad Air」、3月にも発売か 2024年01月23日 7ビットコインが一時2万ドル割れ--2020年末以来 2022年06月20日 8パナソニック コネクト、都庁でプロジェクションマッピング--クラウド制御で省力化 2024年02月26日
フェンリルを応援して、もらえる!ロゴ刻印入りあのデバイス???プレゼントキャンペーン フェンリルを応援して、フェンリルくん刻印入りの「あの話題のデバイス」をもらおう!応募方法は下記の2通り。それぞれ各1台(合計2台)、そしてなんとハピネスステッカーもセットにして、抽選でプレゼントいたします。もちろん両方に参加いただけますので、奮ってご応募下さい! 当選者発表 各応募方法による当選者を発表します。当選者の方には、フェンリルよりメールまたははてな ID へメッセージをお送 りし、送付先情報(住所、受取人氏名、電話番号)およびご希望のステッカーの色(白背景か黒背景) をお聞きいた します。たくさんのご応募ありがとうございました! ※当選が無効となった場合は、別の方が繰り上げ当選となることがあります。 ※当選者リストは8月21日までの1ヶ月間掲載した後、公開を終了します。 当選者リストの公開は終了
2ヵ月で2500万円ゲット:『App Store』は一獲千金のチャンス 2008年9月22日 IT コメント: トラックバック (0) Brian X. Chen Photo: Steve Demeter 『iPhone』は革命的な携帯端末だ。しかし、それだけではない。金鉱を掘り当てるチャンスでもある。『iTunes』の『App Store』には、フリーの開発者がわずか1年で億万長者になるチャンスが眠っている。 7月にサービスを開始したApp Storeは、フリーの開発者が夢をかなえる場所へと成長した。 iPhone向けの超人気ゲーム『Trism』を開発したSteve Demeter氏は、価格5ドルのゲームが、公開からわずか2ヵ月で25万ドルの利益を生んだと発表した。開発チームは、基本的にはDemeter氏1人で、友人1人と外注(報酬500ドルで依頼)のデザイナー1人に少し手伝ってもらった
「iPhone」について 2008年6月4日 ソフトバンクモバイル株式会社 この度、ソフトバンクモバイル株式会社は、今年中に日本国内において「iPhone」を発売することにつきまして、アップル社と契約を締結したことを発表いたします。 SOFTBANK MOBILE Corp. today announced it has signed an agreement with Apple® to bring the iPhone™ to Japan later this year. プレスリリースに掲載されている内容、サービス/製品の価格、仕様、お問い合わせ先、その他の情報は、発表時点の情報です。その後予告なしに変更となる場合があります。また、プレスリリースにおける計画、目標などはさまざまなリスクおよび不確実な事実により、実際の結果が予測と異なる場合もあります。あらかじめご了承ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く