寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
スマホで壁をタッチするだけで部屋の見取り図を作成できる「RoomScan」
引っ越しや部屋の模様替えなどで家具を入れ替えたい時など、自分の部屋のサイズを測る必要があるときに便利なアプリが「RoomScan」です。このアプリを使うと、メジャーなどの測定機器を全く使わずに、スマートフォンだけで部屋の見取り図が作れてしまいます。 Locometric http://locometric.com/ 実際にRoomScanを使って部屋をスキャンするにはどうすればいいのか、以下のムービーを見ると把握できるようになっています。 RoomScan Demo - Single Room - YouTube まずは、スキャンする部屋の名前を入力。 次に、壁に端末の背面部分をピッタリと押し当てます。「ピッ」と音がしたら、その壁面は測定が完了。 その壁とは別の壁に移動し、同じように端末を「ピッ」と音が鳴るまで押し当てて壁のスキャンを続けます。 出窓部分など、角度が90度ではない部分でも問
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
UIデザインの参考になるサイトまとめ | ナナメウエblog
毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日本版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins
思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【スマホ用ページ】低解像度、高解像度端末のどちらでもくっきり綺麗に表示しつつ、幅ぴったりにする HTML テンプレート。
こんにちは、ウェブ開発の林です。 スマートフォン向けウェブページを作る際、横幅ぴったりにしたいと思いませんか。 meta viewport というタグを使えば表示サイズを調整することができます。 ただそれを使ったとしても、Android / iPhone は端末により横幅が違うため個別に最適化するのは面倒です。 スマホ端末ごとにコードを分けることなく常に幅ぴったりにする HTML テンプレートを作りました。 こちらを参考に組んでみてはいかがでしょうか。 HTML テンプレートコード（ヒント付き） こちらの HTML コードを丸っとコピペして修正していくと楽だと思います。 追記： ライセンスフリーです。自由に使ってください。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title></title> <!--
通勤中でも寝る前でも！iPhoneプログラミングを勉強出来る簡単な方法！ » SHINGOLOG
Appleから提供されているiOSのプログラミングガイド。日本語に翻訳されたiOSのドキュメントがあります。iOSデバイス向けのアプリを開発するにあたっては、必読の内容となっています。 これらは全てPDFで提供されています。 ですのでiPhoneでPDFを開き、iBooksで保存することが出来ます。 このように、持ち運んで空き時間に勉強できるんです。 PDFのリンクは下記にまとめていますので、iPhoneでご覧ください！ iOSのドキュメント一覧(2011.8.20現時点) Audio & Video AV Foundationプログラミングガイド iOSカメラプログラミングトピックス Audio Session プログラミングガイド Core Audio の概要 iPodライブラリアクセス プログラミングガイド Tools & Languages Objective-C
スマートフォン(iPhone/Android)アプリ制作時に役立つ画像サイズのまとめ
こんにちは、鴨田です。 最近、スマートフォン関連の仕事が多いのですが、 スマートフォン絡みのデザインをするときに、 この画像はどんなサイズだったっけ、 っていうことが多いので、まとめておきたいと思います。 ■画面サイズ[画面解像度](単位：px) iPhone3G / 3GS 320×480 iPhone4 640×960 iPad / iPad 2 768×1024 HT-03A 320×480 Xperia (SO-01B) / Xperia arc (SO-01C) 480×854 HTC Desire (X06HT) 480×800 Nexus One 480×800 Galaxy S 480×800 IS03 640×960 Galaxy Tab 600×1024 主要な機種だけ載せておきます。 AndroidはWide対応が主流ですね。 ■Lancherアイコンサイズ(単位：p
Downloads | Teehan+Lax
Who likes goodies? Baseline Grid Updated on March 9, 2011 Use this grid template and layout process to align text, UI elements and other visual content along both horizontal and vertical axes Recently, we’ve been… iPhone 4 GUI PSD (Retina Display) Updated on August 4, 2010 This Photoshop template makes it easy to mockup retina display resolution iPhone app designs. Thanks for you patience on thi
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
データ携行に便利! iPhone/iPadをUSBメモリにする『USB Disk』 | iPad | iPad*iPhone Fan
アプリ情報(ユーティリティ) データ携行に便利! iPhone/iPadをUSBメモリにする『USB Disk』 iPad＊iPhone Fan編集部 2010/10/15 USBメモリ感覚で使えるアプリ EvernoteやDropboxを活用して、PCのデータをいつでもどこでも、閲覧できる便利な世の中になった。だが、一方で、それらのアプリケーションを敬遠する人たちもいる。どうも多機能なところが性に合わないらしい。そんな人のために、オススメしたいのがiPhone/iPad向けのアプリ『USB Disk』だ。 「USB Disk」はその名のとおり、iPhone/ iPadをUSBメモリに見立てて使用できるアプリ。そう説明すれば、使用法を直感的に理解できる人も多いのではないだろうか。iPhone/ iPadをPCに接続し、データを入れて持ち運べるわけだ。機能がシンプルだからこそ、使いやすいし、
スマートフォン向けサイトの作り方 | ユージック
スマートフォン向けサイトの作り方 2011年1月22日 iPhoneとAndroid両方に対応するスマートフォン向けサイトの作り方をまとめてみました。 スマートフォン向けサイト作成にあたっての基本概要 まず最初にスマートフォン向けサイトを作成する際に気になる点は画像の扱いだったりすると思います。 横幅ですが、解像度は機種によって様々ですが、縦向きで320px～640px、横向きで480px～960pxが主流となります。 標準となるものを設けるとなると、320px(横)/480px（縦）を標準として良いかなと思います。 ※iPhone4、4Sは640px/960pxの解像度ですが、内部解像度で320px/480pxと解釈してくれるため。 ですので、クライアントに見せるデザインカンプなどを作成する際も縦を標準とする際は320px（横）で作成すれば問題ないといえますが、iPhone4、4SやAn
一台のWindowsパソコンで複数のiPhone/iPodを管理する方法 | フリーソフトラボ.com
私的なことですが、前回の記事で第6世代iPod nanoの購入レビューを書き、すでに持っていたiPod touchと併せて2台のiPodを使うことになりました。その際に、一台のPCで複数のiPodを管理する方法を少し調べてみたので、今回はその方法を備忘録的にエントリーしておきたいと思います。 一般的に、一台のPCにインストールされたiTunes上で管理できるiPhone/iPodは1つだけですが、2つ以上持っている場合、母艦となるPCを複数台用意するよりも一台のPCでいくつも運用できた方が管理は圧倒的に楽になるはず。 公式サイトの解説によると、これを実現するには「Windowsのログインユーザーアカウントを使い分ける」「各iPod用にiTunesのプレイリストを作成する」「各iPod用に複数のライブラリを用意する」の3通りの方法があるようですが、ここでは一番手軽に実行できて管理も楽そうな3
はてなブログ | 無料ブログを作成しよう
セメントドリンク、ブラウン管、吊るされた収納、OMORIカフェ、くり抜き、どや顔の初音ミク パチミラ福岡に出演する縁で博多に行きました。 楽しかったのでその時の写真をアップロードします。 博多駅のハートポスト 手描きのグリッチ カニの丸揚げ(おいしかった) フレッシュセメント という名前の飲み物(おいしかった)ごま+バナナスムージーっぽかった？ 泡系…
セカイカメラ向けARゲームを続々発表--頓智ドットが新ビジョンを説明
頓智ドットは7月30日、拡張現実（AR）アプリケーション「セカイカメラ」の新ビジョンを発表した。従来の機能に加え、バージョン2.4.0から提供しているARゲームプラットフォーム「セカイアプリ」の展開を強化していく。 セカイカメラは、iPhoneのカメラから見える映像にその地点の情報を重ねて表示するARアプリ。7月1日から、au携帯電話向けの「セカイカメラZOOM」も提供している。 セカイアプリは、セカイカメラ上でソーシャルなARゲームを楽しめるプラットフォーム。第1弾として7月2日から、AR空間にボム（爆弾）を設置したり解除したりすることでユーザー同士でポイントを競い合うゲーム「ばくはつカブーン！」を提供している。今後は、街をARの花で埋め尽くせる「Flower Generation」や、つぶやくことでハトのキャラクターと遊べるTwitterクライアント「クックー」をリリース予定だ。 発表
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
スマホアプリの作り方【超まとめ】UI編：スマホアプリのデザイン／グラフィック描画に役立つ記事39選 - ＠IT
_level0 | Kayac Interactive Designer's Blog
