レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
Web制作の知識が無くても、素敵なデザインのスマートフォン向けサイトを無料で簡単に作成出来るWebサービス・WixMobile
もう似たようなサービスは沢山ある んですが、まぁ多くても困らないの で一応ご紹介。直感のみで簡単に 綺麗なデザインのスマフォ向けサイト を作成出来るWebサービス・WixMobile です。 日本だとsmart4meっていうサービスが一番良さそうです。まぁでも他にも選択肢があってもいいと思うので気にせずご紹介。 ご存知の方も多いかと思いますが、無料でハイクオリティなFlashサイトを作成出来るWixのモバイル版です。 smart4meは制限が10ページですが、WixMobileはかなり作れます。僕が確認しただけでも40ページ以上作成可能です。その代わり、smart4meでは控えめだった広告表示が、WixMobileではわりと大きめに表示されてしまいます。 ですが、WixMobileもかなり機能は充実していますので用途に合わせてご利用になるといいかもですね。ご利用にはユーザー登録が必要です（
「URLを起動するだけのAndroidアプリを量産する無料Webサービス」を作りました。：村上福之の「ネットとケータイと俺様」：オルタナティブ・ブログ
市場背景： 小さいマイクロ案件でよくあるのが「指定したURLを起動するだけのAndroidアプリが欲しい」という話が異状に多いです。だいたいなんかのついでなんですけど。うちでは5万円～くらいで売ってます。分かりやすく言えばドコモマーケットのショートカットアイコンみたいなやつですね。 用途はスマホサイトへの誘導です。EC、デジコン関係なく需要があるようです。現状、スマホサイトの集客方法が無いので。 また、Androidアプリ開発は予算が高いのでHTMLに逃げたい人に多いです。予算がだいぶ減るらしい。(某大手広告代理店談) ツール化して、公開したらスキル無い人でもこれで商売できる気がしてきたので作りました。 ←こんなのと同じやつ。 サービスの概要: 「指定したURLを起動するだけのAndroidアプリを作成するWebサービス」を作りましたので、皆さんご自由に使ってください。 当然ですが、作った
スマートフォンユーザーに聞く、欲しいアプリは何ですか？
あなたが欲しいと思うスマートフォンアプリはどんなものですか？ 現在スマートフォンを利用している人に聞いたところ「交通・地図・旅行」と答えた人が最も多かった。メディアインタラクティブ調べ。 あなたが欲しいと思うスマートフォンアプリはどんなものですか？ 現在スマートフォンを利用している人に聞いたところ「交通・地図・旅行」（52.4％）と答えた人が最も多く、次いで「仕事効率化・便利ツール」（51.4％）、「ゲーム・エンターテインメント」（48.8％）であることが、メディアインタラクティブの調査で分かった。ちなみに「システム設定・セキュリティ」と答えた人は31.8％。「スマートフォンのセキュリティ問題はたびたび取り上げられているものの、まだユーザーの意識は低い様子がうかがえる」（メディアインタラクティブ） 多くの有料アプリが存在しているが、どのジャンルであればお金をかけてもいいと考えているのだろう
iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト＋おまけ6] | HTML5でサイトをつくろう
最近スマートフォンのシェアが広がってきてWEBサイト作成もPCサイトのみでなくiphoneなどのスマートフォンを意識する提案も増えてきましたか？ しかしHTML5＋CSS3サイトで専用ページを作ったり、CMSのプラグインで振り分けたりと作り方は色々です。 参考となるiphoneサイトやスマートフォンサイトもまだまだ少ないので提案の際の資料探すのも大変ですよね・・。 これからもっと増えるとおもいますが現段階でのスマートフォンやiphoneサイト、iphoneアプリ専用サイトなどをまとめてみました。 日本ではサイトの数が少なかったので、昔からの知人の『バンクーバーのうぇぶ屋』のSenna君にも海外の方のアプリ系やiphone系のサイトを教えてもらいました。 他にもサイトがありましたら是非教えてください。 国内サイトのiPhoneサイトやスマートフォンサイト スマートフォンサイト集めま http
![iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト＋おまけ6] | HTML5でサイトをつくろう](https://cdn-ak-scissors.b.st-hatena.com/image/square/d76e7d5cd6c53f5982c0f0cdf9da169256100b6a/height=288;version=1;width=512/http%3A%2F%2Fwww.html5-memo.com%2Fwp-content%2Fuploads%2F2011%2F08%2FA30.jpg)
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインいろいろ:phpspot開発日誌
8 Best jQuery Mobile Plugins | ZoomZum スマフォサイト作る際に覚えておくと便利なモバイル用jQueryプラグインがまとまっていましたのでご紹介。 １から作るとかなり大変そうな機能もライブラリで瞬間的に実装できます。一通りチェックした上でご紹介。 Drag And Scale For IOS ブロック要素をピンチイン、アウトによって拡大、回転させることも可能です。これでiPhone向けのWEBサイトといってもアプリのような自由度が得られます（デモ）。 こんなことできるんっ、という声が出てしまうかも（Androidはドラッグのみ） jQuery Mobile Photo Album リッチなフォトアルバム実装が可能 Jquery Mobile Device Drag And Drop 要素のドラッグ＆ドロップが可能 Jquery Swipe スワイプイベン
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォンサイト制作時にデザイン・UIの参考になるサイト集 – creamu
あっという間に無料でスマートフォンサイトが作れる「DudaMobile」 | ライフハッカー・ジャパン
iPhoneやiPad等にもWebサイトを最適化するレスポンシブWebデザイン構築に役立つフレームワークやTipsいろいろ