iPhoneでの料理撮影が苦手なライターがカメラマンに論理的に指導を受けた結果→憂鬱な撮影が楽しくなった - メシ通 | ホットペッパーグルメ
まずは、スマホで撮影した2つの写真を見比べていただきたい。 ▲上はプロが撮影したもの、下は私（素人）による写真である 撮影場所はそれぞれの自宅だが、料理自体はどちらも某大手コンビニチェーンで同時期に購入したハンバーグと冷凍食品の野菜。技術の差は一目瞭然だろう。 ▲こちらは寄りの写真。上がプロによるものだが、それに比べて私の写真はハンバーグのジューシーな魅力がまったく伝わってこない 小野田：すいません、髙橋さんってiPhone使っていましたっけ？ 発端は私からのこんなLINEメッセージだった。「髙橋さん」とは旧知のプロカメラマン・髙橋定敬さんのこと。 ▲髙橋定敬（たかはし・じょうけい）さん。フリーランスフォトグラファー 雑誌などのメディアや、広告でのポートレート撮影、ライブ撮影などを中心に活躍しており、ライター&編集業をこなす私とは仕事上でタッグを組むことが多い。 新型コロナウイルスの影響で
7 ways to design for the iPhone X
With the announcement of Apple’s most cutting-edge piece of hardware, designers and developers are gearing up to make sure their apps are ready for the iPhone X. Not every new piece of Apple hardware requires preparing for, but this one does. Let’s take a look at a few of the unique specs and features of the iPhone X and how to design for them. 1. Use the new iPhone X artboard size With the remova
iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium
iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが（笑）、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外（アプリのタッチイベントを認める領域）を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか？それを Web 上の情報を元にまと
iPhone 6 Screens Demystified | PaintCode
Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree
Device pixel density tests
If you have a device that isn’t listed below and has a -webkit-min-device-pixel-ratio that’s not 1.0, please let me know and I’ll add it to the list. I’m @marcedwards on Twitter. Devices with -webkit-min-device-pixel-ratio: 1.0 All non-Retina Macs Apple iPhone (1st generation) Apple iPhone 3G Apple iPhone 3GS Apple iPad (1st generation) Apple iPad 2 Apple iPad mini (1st generation) Acer Iconia A50
iOS 8 and iPhone 6 for web developers and designers－firt.dev
next evolution for Safari and native webapps by Maximiliano Firtman Twitter @firt About Newsletter Published 10 years ago (17 Sep 2014) About 14 min reading time #ios #safari #webview iOS 8 is finally here while the new iPhone 6 and iPhone 6 plus will appear in a few days. New APIs appears on scene, as well as new challenges to support the new screen sizes. I’ve been playing with the final version
デザイナー向け！iPhone6対応について
（追記 140919 11:00)iPhone 6 Plusを入手しました 特に対応してないアプリで遊んでみても画像の劣化は問題にならないレベルです（主観だけど） （追記 140920 15:00)iPhone 6でのアプリUIについて別記事たてました みなのもの落ち着け！ iPhone6/6+の発売がいよいよ明日となりました！ 二年ぶりとなる画面サイズの変更に加えて@3xの台頭などもあるので、 慌てている・不安なデザイナー同志に向けて気をつける情報をまとめてみました。 画面解像度 アイコン・スプラッシュ レイアウト対応について ひとまず気にするのはこの辺りの情報！ あとはおまけで便利そうなリンクも載せました これを読んで、幾分かは晴れやかな気持ちで明日を迎えましょう。 それにしても時代はレスポンシブです。 やれやれだぜ。 基本的な情報 画面解像度はこうなってます 端末 解像度 インチ 書
iPhone 6で改めて考える画面解像度とUI | dotproof
新しいiPhoneの6と6 Plusが発表になりました。従来モデルよりそれぞれ少しづつ大きくなっていますが、日本ではまた人気が出るのでしょうね。特にiPhone 6 Plusの方は5.5インチと発表されていますので、前のモデルよりかなり画面が大きくなっています。 iPhoneもiPhone 3から4になった時に画面の解像度が2倍になってretinaディスプレイと呼ばれました。解像度が2倍になったので従来のグラフィック（ビットマップ）は2倍の大きさのものを用意する必要になり、@2xグラフィックと呼ばれるようになりました。今度のiPhone 6でも画面の解像度（ppi）は同じなのでやはり@2xのグラフィックで対応します。 なんで画面のサイズは4インチから4.7インチに拡大されたのに、UIグラフィックのサイズは同じでいいのかとお思いの方に向けて、改めて画面解像度とピクセルグラフィックの関係を説明
Evernoteのinboxを超簡単に整理できるアプリ「Zen」がリリース記念で100円にて販売中！
Zenでできること ZenはEvernoteのインボックスを整理することに特化したiOSアプリ。そう、私の好きな機能が尖った系のアプリ。 このアプリでは 右スワイプしてあらかじめ指定したノートブックにアーカイブ 右に長くスワイプして削除 左にスワイプして他のノートブックへ移動 ができます。それだけ。だが、それがいい。 使ってみた まずはEvernoteとアカウント連携。 すると、Inboxとして使用するノートブックがデフォルトのノートブックで良いか尋ねてきます。OKなら「はい」を選択。 次にアーカイブのノートブックを尋ねてきます。 アーカイブのノートブックを変更したい場合は先の画面で「いいえ」を選択、任意のノートブックをチェックすればOKです。 そこまで終わるとアプリのチュートリアル画面に。とは言えやることは3つしかありませんのでさくっと終わらせちゃいましょう。 チュートリアルが終了すると
知らないと危険がいっぱい！自分のiPhoneを守るために最低限しておきたい設定５つ | カミアプ
ども！ともぞうです。 先日、iOS7.0.6へのアップデートがありましたが、これは悪意のあるウェブサイトでユーザーが入力した情報が傍受されたり、改ざんさたりする恐れのあるセキュリティ上の問題を改善するものでした。 では、iPhoneの安全性はiOSを常に最新に保っておけばよいかと言うと、これがそうでもないんですよね。設定次第では、個人情報を盗み見られたり、紛失したiPhoneを探せなくなったりする可能性もあるんです。 そんな事にならないよう、最低限 設定しておきたい５つの項目とそのままの場合の危険性についてご紹介したいと思います。 必須設定その１：パスコードもしくはTouch ID 設定していない人は少ないとは思いますが、何はともあれ必ず設定しておきたいのは”パスコード、もしくはTouch ID”です。
40+ Free Mockup Templates to Present Your UI Designs
Show off your web designs and app interfaces in style with these free mockup templates. Mocking up your user interface designs can really boost the value of your work by giving clients an insight into how the design will look like for the user. Mockups are also especially useful when used with responsive web design to show how the layout changes from desktop to tablet and smartphone devices. A goo
PCでもスマホでもシームレスに使える、マルチプラットフォーム対応サービス8選
昨今のスマートフォンの普及にともなって増えつつあるのが、iPhoneとAndroid、それぞれを所有して使い分けている“二刀流”のユーザーだ。プライベートと業務で使い分けたり、交友関係で分けたり、あるいはガジェットへの興味から複数台を所有していたりと経緯や理由はさまざまだろうが、両方で同じサービスを使う場合、その操作性の違いに悩まされることもしばしばだ。 今回は、iPhoneとAndroid用のアプリをそれぞれ取りそろえ、PCも含めた各プラットフォームからほぼ同じ使い勝手で利用できるサービスを8つ紹介する。マルチプラットフォームを謳うサービスは数多いが、共通のデザインおよび操作性を持ち、プラットフォームの違いを意識せずにシームレスに使えるサービスとなると、実は意外と少ないものだ。スマホの二刀流化をきっかけに、これまで使い続けてきたサービスから、今回挙げるサービスへの移行も検討してみてはいか
「スマホの9割はiPhone」「有料スタンプは買わない」――女子高生起業家に聞くスマホ事情
LINEは当たり前、キャリアメールを使ったことがない人もいる。スマホは9割がiPhone。ケースは3カ月に1回交換する――。現役女子高生にして社長でもある椎木里佳さんを取材したところ、彼女たちならではの興味深い事情が見えてきた。 電車に乗ると、フィーチャーフォン（従来のケータイ）を使っている人を見かける方が珍しくなってきたといえるほど、スマートフォンの普及が進んでいる。電車中で見かけるスマホユーザーは、高校生から大学生、社会人、シニアの方々までさまざまで、属性によって使い方や、スマホへの趣味嗜好も変わってくる。筆者（男）はこういった仕事をしているので、スマートフォンはそれなりに活用しているが、スマホ使いの中でも特に自分と縁遠い存在が“女子高生”だと思っている。 今どきの女子高生は、スマホをどのように活用しているのだろうか？ 今回、現役女子高生にして起業家でもある椎木里佳さんに話を聞いてみた
スマートフォンのコンバージョン率を上げる秘策 from Conversion Conference Boston 2013
[対象: 中〜上級] 僕が所属するセルフデザイン・ホールディングスの海外遠征の一環で、昨年の秋に米ボストンで開催されたConversion Conference Boston 2013に参加しました。 僕が海外カンファレンスに参加したときはセッションレポートをこのブログで公開するのが通常です。 ところがConversion Conference Boston 2013に関しては、帰国後予想以上に忙しかったせいもありレポートをまとめる時間がとれませんでした。 時間がたちましたが、ようやくまとめることができたのでセッションレポートを公開します。 この記事でとりあげるセッションはモバイルサイトのコンバージョン率を上げるための秘策です。 スピーカーは、SeeWhyの創設者、Charles Nicholls（チャールズ・ニコルズ）氏です。 では行ってみましょう。 モバイルにおけるコンバージョンの問題
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
-webkit-text-size-adjust: none を絶対に設定してはいけない理由
PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整する機能がある。 これを制御するのが CSS の -webkit-text-size-adjust である。 文字サイズ自動調整の具体例 次のような HTML をスマートフォンで表示してみる。 <!DOCTYPE html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-
XD（クロスディー）｜体験にフォーカスするメディア
【コラム】 吉田奈緒子｜“ギフト”がつくる循環 アイルランドの「カネなし男」が引き出した、ローカルな経済圏の可能性
使ったほうが絶対お得！いま話題のフリマアプリ10選（調査データ付） | Shopping Tribe
【コラム】 吉田奈緒子｜“ギフト”がつくる循環 アイルランドの「カネなし男」が引き出した、ローカルな経済圏の可能性
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
awesomekit.me – Just another WordPress site
Android端末にfont-weight:boldを表現させる方法
