20 beautifully designed smartphone apps
It's no secret that designers must start designing for mobile. With more and more people starting to browse the web from their phones, web designers have to get hip to making sites good and viewable on smartphones. It's imperative because we're not just taking a look online, but we as consumers are beginning to purchase, request info and more from our phones. And we have to be set up, as businesse
Androidアプリーリソース画像サイズ＆種類ー | Excite Designer's Blog
iPhone・iPadアプリを制作する時、リソース画像は ① 従来のディスプレイ用 ② Retina ディスプレイ用 上記の2種類が必要ですね。 Androidアプリも同じようにdpiごとにリソース画像を用意する必要があります。 今回は 1. 必要となるリソース画像サイズの種類 2. デザインする時の画面サイズ 3. アイコンサイズのガイドライン などAndroidアプリのリソース画像を作る時に役に立つ情報をまとめてみました。 必要となるリソース画像サイズの種類 Androidアプリのリソース画像は対応するdpiによって用意する画像サイズが変わります。 まず、dpiって何でしょう。 dpiは『Dot Per Inch』、1インチ辺りのピクセル数を意味します。つまりdpi数値が高くなるとディスプレイが鮮明できれいになります。 dpiは主にldpi(低解像度)、mdpi(中解像度)、hdpi(
フラットデザインを巧みに利用している10のアプリ | ブログヘラルド
アップルは数日以内にiOS 7の発表を行うと見られている。そんな中、ここ最近、「フラットデザイン」と言う用語が飛び交っている。フラットデザインがどんなデザインなのか気になる人のために、今回はアップストアで提供されている10点の美しいフラットデザインを採用したアプリを紹介していく。 そもそも「フラットデザイン」とは何だろうか？Abduzeedoは「シンプル、フラット、そして、タイポグラフィー」を活用したデザインだと定義している。要するに、現実の世界の物体とは一線を画し、大幅に縮小を行った、「うるさくない」デザインであり、スタイリッシュなタイポグラフィーに重点を置いている。アップルのデザインにおいて大きな権限を持つジョニー・アイヴ氏は、ミニマリズムを崇拝していることで有名であり、アイヴ氏によってデザインされたハードウェアは、美しさ、そして、ミニマムのシンプルさを強調している。そのため、ソフトウ
スマフォアプリの操作が気持ちいいエフェクトがたくさん！タップ操作時のエフェクトのまとめ -Tapotype
Tapotype 掲載されている各エフェクトはタップやクリック操作で、実際にアニメーションで動作します。 サイト閲覧には、Safariをオススメします。 各エフェクトはカテゴリ別にまとめられており、それぞれ詳細ページも用意されています。
日本のスマホサイトは2年間でこんなに変わった (1/4)
スマートフォンやタブレット端末といった、いわゆる「スマートデバイス」を意識したWebサイト制作はもはや常識となっている。各企業のWebサイトは、次のような方法でスマートデバイスに対応していることがほとんどだろう。 スマートフォン向け専用サイトを構築する レスポンシブWebデザインで Webサイトを構築する viewportを調整する Web Professionalでは、2011年2月、有名企業のWebサイトがスマートフォンにどのように対応しているかを紹介した。 これらのサイトは、2年経ってどのような変化を遂げたのか。本記事では、取り上げたサイトに再び訪れ、サイトデザインのトレンドがどう移り変わったのかを観察。日本のスマホサイトの「BEFORE & AFTER」を紹介しよう。 半数以上のサイトがリニューアル まず、調査したサイト数に対してリニューアルしたサイトと、大きくは変化していないサイ
コレを抑えておけばOK！スマホサイト制作に役立つ記事・サイトまとめ！ | PLUS
一般企業サイトでもスマートフォンに対応するサイトが増えてきました。ちょっと前までは提案しても、もうちょっと先でいいよという話に落ち着いていたんですが、ようやく身近なクライアントも導入をはじめています。そこで今回は実際にスマホサイトを作る立場から、役に立ちそうな記事やサイトをまとめてみました。 スマホサイトのギャラリー 絶対見ておきたい有名企業のスマホサイトまとめ 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス スマートフォンサイト デザイン集 AGT thinkthing スマホ制作に役立つ情報 【スマートフォンサイト制作の総まとめ 第1弾】スマホサイトデザインの基礎知識 少しのコードで実装可能な15のスマートフォンサイト用小技集 200サイトのiPhoneデザインを見て感じたスマートフォンの最適化 Webサイトのスマートフォン対応 7つの基本ルール スマー
様々なモバイルユーザーインターフェイスが確認出来る「MobileTuxedo」が熱い
発見して記事書き始めて、もしや他でも紹介されているのかと思ったらコリスさんとかでも紹介されてた。なので書くの一度やめてたのですが、やっぱりこのサイトは、もっと広く知られるべきかと思ってご紹介。 なんというか、きっちり絞ってまとめるっていうのはそれだけで価値があるんだなと感じさせられるWebサイトでもありますよね。 素材、デザインなんでもあり 特に注力したいのがインターフェイスデザインの豊富さ。 UI Patterns | Mobile Tuxedo とにかく豊富なリソース。 モバイルインターフェイスの中でもカテゴリがたくさんあります。 ナビゲーション コメントインターフェイス ログインインターフェイス 写真ギャラリーインターフェイス この他、マップやサインアップインターフェイス、設定画面、電卓など色々ありますので、モバイル開発者なら一度は目を通しておくといいかもしれませんね。 またインター
Youtubeの動画を背景に
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
スマフォとかミニマルデザインに特化した、これからお世話になりそうなWebデザインギャラリー - かちびと.net
Warning: Undefined array key "width" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1681 Warning: Undefined array key "height" in /home/youhei0828/kachibito.net/public_html/wp-includes/media.php on line 1682 自分の中で課題があって、その為に 必要なインスピレーションを得るため のギャラリーサイトをまとめます。いち いちブックマークから探すのが面倒に なってきたのでちょっと整理がてら記事 にします。 というわけで個人的なリンク集です。スマフォとかミニマルデザインとかのWebデザインギャラリーいろいろ。デザインギャラリーですけど、目
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ | ke-tai.org
もう知らないでは許されない！！「これからはじめる」という人のためのjQuery Mobile情報まとめ Tweet 2011/5/27 金曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | 4 Comments » モバイルサイト作成のためのフレームワーク「jQuery Mobile」が、すごい人気ですね。 当初は数ある選択肢の中の一ツールとして程度の扱いでしたが、AdobeのDreamweaverが本格対応するなど、その勢いは留まるところを知らず、根幹的な技術になりそうな気配すらあります。 今回は過去に当サイトで掲載させていただいた情報も含め、jQuery Mobileを学ぶ上で知っていた方が良さそうなリンクをまとめてみました。 本家サイト。英語が苦手な私は、主にダウンロード用途ぐらい。 → jQuery Mobile 本家サイト（英語） [j
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
エイプリルフールに便乗しているサイトまとめ2011年版
今年もインターネット上でさまざまな企業・団体・個人が総力を挙げてこの日のために事前に仕込んだネタを4月1日0時から24時までの間、24時間限定で公開しまくり、何がウソで何が本当かわからないカオスとなるエイプリルフールがやってきました。というわけで、エイプリルフールに便乗しているサイトをまとめてみました。とりあえず24時間リアルタイム更新します。また、更新する度にTwitterのGIGAZINE公式アカウントでもつぶやいていく予定です。 なお、掲載されていないサイトで「ここもエイプリルフールやってる！」というのを発見したときや「うちもエイプリルフールやってます！」という自薦の連絡はこちらにあるネタのタレコミ用メールフォームから送信をお願いします。サイトを見に行っても「どれがエイプリルフールのネタなの……？」ということで判断できなかったり、「何かが変わっているのかもしれないが元のサイトの状態が
【スマホ集中連載 第2回】 "Android独自の仕様を把握しよう" 〜iPhoneとAndroidを徹底比較 : LINE Corporation ディレクターブログ
スマートフォングループ ディレクターの石野です。 スマホ王子からバトンを受けまして「ディレクターのためのスマートフォン講座」第2回目です。今回は Android と iPhone を用途別に比較しつつ、Android 独自の仕様を丸裸にしていきたいと思います。レベル1 基本編 とりあえず知っておくべし！レベル2 ユーザー編 iPhone から Android へ乗り換えるユーザー向けレベル3 アプリ編 今後アプリ開発に携わる人向け レベル1: 基本編 (とりあえず知っておくべし！) ◆物理ボタンの数[ホームボタン] のみの iPhone に対して、Android には [戻るボタン] と [メニューボタン] が搭載されています。 文字通り [戻るボタン] は1つ前の動作に戻れます。ブラウザで遷移していれば前のページへ、ブラウザを開く前にアプリを起動していればそのアプリへ、そして [メニュー
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ
Good night, Posterous
2011年、スマフォ・デスクトップ用のクロスブラウザ確認ツールのまとめ
スマートフォンサイト制作時にデザイン・UIの参考になるサイト集 – creamu
[CSS]Media Queries（メディア クエリ）を使用したデバイスごとの指定方法のまとめ
iPhoneデザインボックス