Screenshot - Frame Maker 1.0（無料） カテゴリ: ユーティリティ, 写真／ビデオ 販売: Neoos - Neoos GmbH（2.4 MB） これはもう、全iPhoneブロガーにオススメだ。 320個目の原石アプリは「Screenshot - Frame Maker」。上の画像のようなかっこいいiPhoneのフレーム付きスクリーンショットを作れる無料アプリだ。 僕は4Sなので4Sのフレーム画像しか作れない。 でも、まあいい。 普通の写真もダメ。対象はスクショのみ。 でも、まあいい。 iPhoneで、このかっこいい画像を作れるのはうれしい。 うれしすぎるよね。 原石オススメ度 ★★★★★ 個人的にはiPad Mini発売のニュースと同じぐらいうれしい(笑) 高橋モトシ(@Motoshi_t）でした。 スクリーンショット系の原石アプリといえば Screenshot

こんばんは。すでにiPhone5が社内の検証機と化しているキノです。 fladdictさんからiPhone5対応で地雷を踏みまくった記事があがっています。 その中で新たに必要になったストア用のスクリーンショットについて気になった小ネタを幾つか 用意するサイズについて 640 x 1136 (portrait) 640 x 1096 (portrait) 1136 x 640 (landscape) 1136 x 600 (landscape) この2と4、高さが-40pxされているのはなんじゃーともんもんとしておりました。 ステータスバーの高さと同じなので、 どうやらステータスバーを除いた画面でスクショを用意してもいいよってことみたいです。

こんにちは地雷キャッチャーfladdictです。 最近、カメラアプリ系でユーザーから「突然、カメラアプリが画像を保存しなくなったのですが？」という質問が増えてます。そんなユーザーの皆さんの為の解決方法 iOSのセキュリティポリシー変更で、iOS6はカメラがアルバム等にアクセスすると「カメラへのアクセスを許可しますか？」的な質問がでるようになっています。ここでうっかり「いいえ」を選択すると、もうそのアプリはアルバムに保存できなくなってしまうんですね。このポップアップの設計が微妙で、ユーザーが二度と復帰できなくなるケースがちらほらと。 この問題は下記方法で解決できます。 iPhone純正の設定アプリを開きます。 プライバシー > 写真 を開きます。 カメラアプリの一覧がずらずら出ますが、該当アプリがオフになっているはずなのでオンに戻します。 ディベロッパ側でもアラートを工夫すべきなのですが、昔

ClonErase - automatic photo manipulation cam 1.0.0（無料） カテゴリ: 写真／ビデオ, ソーシャルネットワーキング 販売: ZEDOnet GmbH（3.3 MB） たとえばこの写真のような、同一人物によるカンパイとか。 272個目の原石アプリは「ClonErase」。定点で撮影した写真を合成して、本来あり得ない画像を作れてしまうアプリだ。 使い方はカンタン。同一アングルで、好きなだけ写真を撮影するだけ。 あとはアプリが自動で合成してくれる。 人が写っているのと、写っていないのと、２種類の画像を作ってくれる。 使いどころはあなた次第。 期間限定無料中なので、興味のある方はぜひお試しを。 ZEDOnet | ClonErase サポートページを見ると何ができるかよくわかる オススメ度 ★★★★★ 作り始めると結構ハマりますよ、これ。 高橋@M

iosSlider [ad#ad-2] iosSliderの特徴 iosSliderのデモ iosSliderの使い方 iosSliderの特徴 ハードウェアアクセラレイト iOS, Android, Webkit系ブラウザ用にCSS3を使用します。 レスポンシブデザイン デスクトップ、スマートフォン、タブレットの各デバイスをサポート。 コールバック ウェブアプリとしてさまざまな用途に応えるためにコールバックを用意。 全てのモダンブラウザをサポート デスクトップ用のFirefox, Chrome, Safari, IE7+をサポート。 無限ループ スライドは両方向に無限ループさせることもできます。 オートスライディング 自動スライドにも対応、ホバーで中断します。 サポートブラウザ iosSliderがサポートするテスト済みのブラウザ一覧です。 Firefox5.0+ Chrome19.0+

Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加える。 画像のファイル名に「-2x」を加える。 コールバック関数を使ってファイル名を指定する。 表示はどの方法を使っても一緒ですが、下記にそれぞれの方法で実装したデモがあります。 デモページ [ad#ad-2] jQuery Retinaの使い方 jQuery Retinaの使い方は簡単です。

画像の一部だけをアニメーションにする「シネマグラフ」を簡単に作成できる無料のiPhone, iPad, iPod Touch対応のアプリを紹介します。 使い方も簡単で、ちょー楽しいです。 Flixel [ad#ad-2] シネマグラフとは Flixelの使い方 シネマグラフを作成できる他のアプリ シネマグラフとは シネマグラフとは画像の一部だけがアニメーションで動くものです。 Twitter(@colisscom)の方で、たくさん紹介しています。 via: Jamie Beck e Kevin Burg – Cinemagraphs Flixelの使い方 アプリは、下記からダウンロードできます。 Flixel -iTunes App Store [ad#ad-2] Flixelのキャプチャと共に使い方をさらっとご紹介。 Flixelを起動し、真ん中のボタンをタップすると、動画撮影になります

demo 1：幅1920pxで表示 デスクトップ用の画像（hdsize-wide-512x512.png）を表示 syzeの使い方 上記のdemo 1を例に実装方法を紹介します。 外部ファイル 当スクリプトを外部ファイルとして指定します。 <script src="syze.min.js"></script> JavaScript demo1では表示サイズの数値を元に、class名にもその数値を利用します。 syze.sizes(320, 480, 768, 1024, 1920); class名 .is320(0-479px) .is480(480-767px) .is768(768-1023px) .is1024(1024px-1079px) .is1920(1920+px) CSS 設定が完了したら、あとはサイズごとにスタイルシートを設定します。 body { background:

ResponsiveSlides.js Responsive jQuery slideshow レスポンシブなスライドショーを実装できるjQueryプラグイン「ResponsiveSlides.js」 画面サイズが変わっても問題なく動作するレスポンシブなスライドショー実装が可能です サイズは１KBぐらいでマークアップも超シンプルに記述できます ブラウザサイズを変更しても問題なし 今後はこうしたライブラリもレスポンシブ対応必須となっていきそうですね 関連エントリ ３ステップではじめるレスポンシブWEBデザイン 使うっきゃないレスポンシブWEBデザインなWordPressテーマ２５ レスポンシブWEBデザインのサンプル26 ファイルアップロード関連のjQueryプラグイン１０

スマートフォン向けサイトでは、デスクトップに及ばないスペックや接続回線を考慮し、いかに「軽い、表示が速い」サイトを作るかが重要です。一方で、様々な画面解像度の端末があり、高解像度の画面を搭載した端末向けには、そのサイズに対応した大きな画像が必要となる場合もあります。画像の扱いひとつをとっても、「パフォーマンス」と「見栄え」の双方を考慮しなければいけない難しさがあります。そこで今回は、前回のサンプルサイトを元に、画像関係の扱いや最適化などを解説します。 スマートフォンブラウザーはPNGに対応しています。デスクトップブラウザーでPNGを使う場合、Internet Explorer 6などの古いブラウザーに気をつける必要がありますが、スマートフォンブラウザーの場合は気にする必要がありません。 PNGは圧縮率が高く、容量を抑えることができます。また、アルファチャンネル（透過機能）を持つので、半透明