LifeProofケース｜防水ケース | OtterBox
iPhone 16 対象機種で絞り込み: iPhone 16 iPhone 16 Pro 対象機種で絞り込み: iPhone 16 Pro iPhone 16 Pro Max 対象機種で絞り込み: iPhone 16 Pro Max iPhone 15 対象機種で絞り込み: iPhone 15 iPhone 15 Plus 対象機種で絞り込み: iPhone 15 Plus iPhone 15 Pro 対象機種で絞り込み: iPhone 15 Pro iPhone 15 Pro Max 対象機種で絞り込み: iPhone 15 Pro Max iPhone 14 対象機種で絞り込み: iPhone 14 iPhone 14 Plus 対象機種で絞り込み: iPhone 14 Plus iPhone 14 Pro 対象機種で絞り込み: iPhone 14 Pro iPhone 14 Pro
[iOS6] Collection View 基本的な使い方 | Natsu note
ついにiOS 6がリリースされましたね。iOS 6では、また数多くの機能が追加されました。ユーザー目線での新機能もさることながら、個人的には開発者にとって嬉しい新機能 Collection View に注目しています。 Collection Viewとは Collection Viewとは、一言で言えば縦横方向にセルを並べることができるTable Viewのようなものです。UICollectionViewControllerを用いて画面を作成し、セルの中身は、UITableViewControllerと同様にDataSourceを使って指定します。 各セルのサイズは一定である必要はなく、また、セル間の最低間隔を指定しておくことで、レイアウトが自動で計算されキレイに配置されます。 かなり少ないコード量で、以下のスクリーンショットのようなUIを実現することが可能です。もちろん、デバイスの向きが
![[iOS6] Collection View 基本的な使い方 | Natsu note](https://cdn-ak-scissors.b.st-hatena.com/image/square/ee152bf893ea6ee090374dc354cfda505746ab0a/height=288;version=1;width=512/http%3A%2F%2Fnatsuapps.com%2Fnote%2Fwp-content%2Fuploads%2Fsites%2F2%2F2012%2F09%2FCollectionView_Size_setup.png)
画像付きUIButtonのレイアウト調整 - ぴよログ
UIButtonに画像をつけるとデフォルトでは画像の右側にテキストが回りこむような形でレイアウトされますが、このレイアウトはカスタマイズ可能です。 画像とテキストはそれぞれ独立して動かすことができますので、次のようなレイアウトを作ることも可能です。 storyboard（またはIB）で設定 UIButtonを選択するとインスペクタでInsetsという欄が現れます。 ここにあるEdgeという項目では、 Content Title Image の3つを選択でき、Insets欄に入力する値を何に効かせるのかを切り替えるのに使用します。Contentでは画像とテキスト両方を、Titleはテキストのみ、Imageは画像のみです。 例えば、このような配置にする場合には、 画像を右上にずらし、テキストを左下にずらします。 コードで設定 コードでも簡単に設定可能です。 button.imageEdgeIn
[翻訳] モバイル向けの CSS Media Queries は見掛け倒しである | Unformed Building
この記事は、2010年8月3日に Jason Grigsby によって書かれた CSS Media Query for Mobile is Fool’s Gold を翻訳したものです。 画像・表・リンクなどは掲載していませんし、翻訳が怪しい場所がところどころにありますので、ちゃんと読みたい方は原文を参照してください。 翻訳部分は次のセクションとなります。 CSS Media Query for Mobile is Fool’s Gold Ethan Marcotte の記事「Responsive Web Design」はウェブ開発者たちの想像力を刺激し、いくつかの後続の記事はモバイルに最適化されたウェブサイトを構築する方法として、CSS Media Queries をもてはやしました。 私もまた「iPad Orientation CSS」という記事でこの流行に貢献した罪があります。 残念な
Media Queries を使って、Webサイトをスマートフォンに対応させるときの注意書き
今回このブログ - Webデザインレシピを、iPhone などでも見れるようにリデザインしました。使用したのは CSS3 の Media Queries（メディアクエリ）。メディアクエリの使い方や感想、気をつけたい注意書きをまとめてみました！ 遅ればせながらこのブログ – Webデザインレシピを、スマートフォンでも見れるように改修しました。このブログは WordPress で書いているので、スマートフォンや iPad への対応方法はいくつもあるのですが、今回は CSS3 の Media Queries（メディアクエリ）を使って、iPad、iPhone など、いろんなデバイスに対応（対応というか、一応見れる程度）にしてみました。 なので Media Queries を使ったスマートフォン対応と、リデザインしながら思ったことなどをまとめてみました。 CSS3 Media Queries 目次
レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
資料集／歴代機種一覧表 - iをありがとう
Placeit - Generate Product Screenshots in Realistic Environments 画像をiphone画面に合成してキービジュアル作成
iPad HD Retina Wallpaper | simoncpage.com
Flipboard
Media Queries