制作した(制作中)のウェブページをiPhone, Android, iPad, Kindleなどスマフォやタブレットのビューポートのサイズでエミュレートして表示するレスポンシブ対応サイト制作時に役立つjQueryのプラグインを紹介します。 rFrame -GitHub rFrameのデモ rFrameの使い方 rFrameのデモ まずは、下記のようなデスクトップ用のページがあるとします。 デモでは、これをスマフォ・タブレットのサイズにエミュレートして表示します。
iPhoneやiPadのタッチイベントに 対応させるjQueryプラグインです。 軽量なんですが、jQueryUI併用な ので一応軽量とは謳わないように しておきます。導入も結構簡単 なので覚えておいて損は無いかも。 iPhoneやiPadでドラッグやリサイズを可能にするライブラリです。もちろんiPhoneだけでなく、PC側でも動かせます。 ただ、要素をドラッグしたりリサイズしたり、だけではなくドラッグ可能なコンテンツをネストしたりドラッグコンテンツ内にスライダー入れたりとかも出来る。 試しにjQueryMobileと併用しました。サンプルどうぞ。QRコードも用意しときました。 sample 使い方 <script src="http://code.jquery.com/jquery-1.7.0.min.js"></script> <script src="http://code.jque
ワイヤーフレームを楽しく作ろう! 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる!」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました!もちろんすべて無料で始められます! では早速どうぞ〜! Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま?)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
企画書も原稿も、まずアイディアを紙に書き出すことから始める。そうすることで散らばっていたアイディアが洗練されてまとまっていく。スマホアプリ、ウェブサイト、タブレットのデザインを考えるときも紙から始めるとはかどるよね。 今回はそんなワイヤーフレームの作成に便利なテンプレートをご紹介。UI STENCILSは各デバイスのスケッチブックやステンシルを販売しているおすすめサイト。 UI Stencils Browser Sketch Pad. from Design Commission on Vimeo. Pad Sketch Sheets iPadのスケッチシート。簡単なスケッチはグリッドなしバージョンで、詳細スケッチはグリッドありを活用して。 iPad Idea Sheet 日本語のサイト。原寸大のシート(横向き)、70%縮小シート(縦向き)、50%縮小シート(横向き)の3種類。画面内で縦横
iPadの次期モデル「iPad 3 (仮称)」が2012年2月24日に発売されるとの情報が掲載されています。[source: Focus Taiwan via AppleInsider ] 記事によると、台湾の地元紙の情報として、アップルが「iPad 3」を2012年2月24日に発売するべく準備を進めているとのこと。 2月24日はスティーブ・ジョブズ氏の誕生日にあたり、アップルが前CEOの功績を讃えこの日を選ぶとの理由が付け加えられています。 台湾にはアップル製品の部品を供給する会社が多く、この情報もiPad 3の部品サプライヤーの周辺から流出したようです。 これまでのiPadの例を振り返ると、 iPad:2010年1月28日発表、4月3日発売(米国) iPad 2:2011年3月2日発表、3月11日発売(米国) と、ジョブズ氏の誕生日周辺で発表が行われており、iPad 3がこの時期に発表
最近iPad 2を買って、この頃色々と活用法を研究している私ですが、もともとiPadの購入を決めた理由の一つが「Blu-rayディスクからリッピングしたフルHD動画をiPadのでっかくて綺麗な画面で手軽に観たい」というものでした。 とは言っても、iPad 2のローカルストレージ容量は最大でも64GBまで。ましてや、私が購入したのは一番安いWi-Fi16GBモデル。ファイルサイズが半端なく大きいフルHD動画を目的どおり”手軽に観る”ためには、どう考えても容量不足な感じが否めません。 そこでどうしても必要になるのが外部ストレージの存在ですが、相手は泣く子も黙るフルHD。「ファイルサイズが半端ない=ビットレートも半端ない」ということ。一難去ってまた一難、外部ストレージからストリーミング再生するには通信速度もかなり速い無線LAN機器がどうしても必要です。 で、自分なりに色々考えてみた結果、ストレー
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く