2013-12-23 モバイルUIのデザインに役に立つUIパターンギャラリー集17選 アプリの開発の時にUIのデザインに悩みますよね。 そんな時、モバイルUIのパターンギャラリー集が役に立ちます。 そのギャラリーサイトのサイトを集めてみました。 スクリーンショットを集めたものと、デザイナーの作品のものがあります。 Showrtpathブラウザを開発していた時はdribbbleをよく見ていました。 Pttrns - Mobile User Interface Patterns 優れたiPhoneサイトデザイン集 - iPhoneデザインボックス Mobile Patterns lovely ui Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Awesomeness Meerli · Featured Android Nic
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
インテルがAtom C3000 SoCを発表/オラクルがExadata Cloudサービスを開始ほか ニュース - セブン&アイ元CIOの鈴木氏が新会社、デジタルシフトを支援:ITpro 事業の柱は、「デジタルシフトコンサルティング」「システム導入支援」「デジタルサービスの提供」の三つ。 Nimble Storage debuts new cross-cloud data management service - SiliconANGLE The flash memory array maker today introduced a new service called Nimble Cloud Volumes that removes the need to relocate in-house data as part of the migration process. Instead,
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
「Overview」タブ 電界強度がパーセンテージで表示されます。アンテナの数は6段階で表示。通知領域に表示されている通常のアンテナの本数より、さらに細かい数値で電波の強さを知ることができて便利です。 「Map」タブ 現在地周辺の基地局や無線LANポイントを地図上に表示することが可能です。下の画像に表示されている情報からは、NTTドコモ のHSDPA(基地局から端末方向の通信速度を改良・高速化した規格)で繋がっていることが分かると思います。「繋がりにくい」「どうしても今、通信や通話が途絶えては困る」という時に、表示された基地局付近に向かうことで、その問題は解消されるかもしれません。 さらに、右下のパネルからレイヤーの切り替えができます。「Rader」に設定することで、基地局をドットで表示させてコンパスのように方向を確認することが可能です。デザインがまるで「ドラゴンボール」に出てくる「ドラゴ
以下のエントリーで、id:fladdictさんがリジェクトに関する質問をされたのは記憶に新しいですね。 最低予算1万ポイントで。iPhoneアプリの審査でリジェクトを食らった事例をお教えください。 まだリジェクト経験のない私(=未提出だからw)にとっても非常に有益な情報が集まっており、これはぜひまとめたいなーと思ってたら、以下のエントリーを発見しました。 Apple提出前のチェックポイント すごく綺麗にまとまってますね!折角なのでこのエントリーに(勝手に)便乗させて頂いて、リジェクト事例とその対策方法をまとめてみました。 ネットワークを使うアプリケーションの場合 ネットワーク通信できない場合、必要な処理が行えない旨をユーザーに通知できているか。対策は以下のエントリーにて。iPhoneアプリケーションで圏外を通知する。 個人的な情報を通信する場合 個人的な情報を通信する旨を表示し、同意を得て
公式iPhone®およびAndroidアプリケーション「はてなブックマーク」が外出時でも、もっと便利に使えるツールとしてパワーアップしました。 自宅のPCで気になる記事をブックマークしておいて、外出先で気になったときに、スマートフォンを使ってすぐ検索、といった使い方が可能です。 はてなブックマークを持ち歩いて、もっと便利なスマートフォン生活を体験しよう! iPhoneおよびAndroidアプリケーションでも自分のブックマークを検索できるようになりました。 自分のブックマークの上にある検索フォームに、検索したい単語(例:iPhone)を入力すると、過去の自分のブックマークからの検索結果をその場で表示します(Androidの場合は、右上にある検索ボタンを押すとフォームが表示されます)。 自宅や会社のPCで過去にブックマークした記事も、外出先で気になったときにすぐ検索して楽しめます。 外部アプリ
スマートフォンなどのモバイル向けのWebサイトを作るときに考えておきたいこと、制作に役立つツールなど、その辺りの情報が記載されたWebサイトを仕事でちょっとまとめることがあったので公開します。要は俺ブックマークまとめです。 常日頃溜め込んだものを身近な人たちだけに教えるのはもったいないと思いましてね。さすがに何年も前のは入れてませんし、各種公式資料みたいなものも入れていませんが、昨日今日出た新しい情報までを順不同で入れています。興味のある方はリンク先でお勉強してください(全部英語ですけどね 笑)。 ※「Responsive Web Design」とか「Adaptive Web Design」とかの情報はほとんど入れていません(抜いてますw)。ほぼほぼスマートフォン向けのWeb制作に特化したリンク集です。 Mobile Web Resources, BrowsersMobile Web Pr
スマートフォンサイトをデザインする上で知っておくべき10のTIPS iPhoneやAndroidのスマートフォンの仕様を知らないけどデザインしなくちゃいけなくなったというデザイナーさんに知っておいてもらいたい10(+1)のTIPSです。 1.実機で確認する 当たり前のことですが作成したデザインを実機で確認して下さい。スマートフォンとPCでは目からの距離やDPIが違いますので、PCでは十分に見れたからといって実機で確認すると文字が小さすぎることなどがよくあります。書きだしたJPGをFTPでアップして確認してもいいですし、メールでスマートフォンに送って確認してもいいです。個人的にはDropboxで転送するのが手軽でおすすめです。 2.横幅は320pxもしくは640pxでデザインする スマートフォンでは基本横幅が320pxで表示されるのでデザインする際も320pxでデザインしましょう。ただ、Re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く