iPhoneやiPadにも対応・モニターサイズに合わせて拡大表示するLightbox風jQueryプラグイン - かちびと.net
iPhoneやiPadにも対応した、モニター サイズに自動的に合わせて拡大表示 してくれるjQueryプラグイン、Touch- Galleryのご紹介です。Lightbox系の スクリプトは沢山ありますが、こちらも 一つの選択肢として思えておくといつか 役に立つかも、と思ってエントリー。 PCは勿論、iPhoneやiPadでも、そのモニターサイズの幅に合わせてLightbox風にフルスクリーン表示してくれます。特に設定も不要なのは楽で良い感じ。というか、iPhoneやiPad向けに作られたっぽいですね。 Touch-Gallery ↑ モニターのサイズに自動で合わせて拡大表示してくれるjQueryプラグインです。 ↑ PCで見るとこんな感じ。基本的には普通のLightbox系の拡大表示です。 ↑ iPhoneで見てもモニターサイズに合わせて拡大表示します。 ↑ 横にしても自動的に横幅に合わ
TouchRetouch
Your pocket app for removing unwanted stuff from photos on the go. It gives your photos a clean look while saving you valuable time. An accidental object, even though it may look tiny and harmless, can completely ruin the entire composition of a photo and make it worthless. However, it’s not a pain if you have your favorite TouchRetouch at hand. Here at ADVA Soft, we never stop creating. We are co
【レポート】iPhone 4でも3でも綺麗に表示されるCanvasの使い方 | エンタープライズ | マイコミジャーナル
WaltPad - A TypePad-powered blog by Walt Dickinson iPhone 4のディスプレイ解像度はiPhone 3GS/3Gに比べ縦2倍、横2倍になっている。Retinaディスプレイと呼ばれるこの高DPIディスプレイはフォントなどのスケーラブルデータを美しく表示する手助けをする。しかし、スケーラブルではないデータ、例えば画像などはそのまま2x2倍へ引き伸ばして表示するため、どうしてもギザギザが目立ってしまう。 iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方 iPhone 4に対応したWebサイトを作る方法 これはHTML5のCanvasを使った場合でも同様だ。Canvas要素で描画した内容は基本的にピクセルベースであり、iPhone 4では2x2倍に引き伸ばして表示される。この問題は、画像であれば、CSS3のメディアクエリを使って解
Kindle/iPad対応！電子書籍の作り方 (1/7)
iPadの上陸、Googleの参入などで盛り上がる電子書籍市場。「Webに近い」性質を持つ電子書籍は、Web制作の世界とも決して無縁ではありません。本連載では、「JavaScriptラボ」でおなじみの古籏一浩氏が、主な電子書籍フォーマットのデータの作成方法を解説します。（編集部） 電子書籍にはPDF、EPUB、.book、AZW/MOBI、Topaz、XMDFなどさまざまなフォーマットがありますが、どのフォーマットがどんなコンテンツに適しているのか、どのような方法でデータを作成できるのか、電子書籍の課題や現実のワークフローは実際にデータの作成を体験することで見えてきます。そこで、本連載では現時点で広く使われている（もしくは仕様が公開されている）4つの電子書籍フォーマットについて、データの作り方を解説します。
iPad/iPhoneのアイコンを生成する·IconUtility MOONGIFT
IconUtilityはMac OSX用のフリーウェア（ソースコードは公開されている）。iPhone/iPadアプリを開発していて意外と面倒なのがアプリ用アイコンの用意だろう。分かりやすいアイコン、各サイズでも分かるものにしないと審査で落ちる可能性もある。 一つの画像さえあれば後は自動生成 複数のサイズを用意するので、都度生成していると手間がかかってしまう。そこで作られたのがIconUtilityだ。一気に複数サイズのアイコンを自動生成してくれるソフトウェアだ。 IconUtilityを起動すると6つの枠が表示される。そしてウィンドウに画像をドロップすると一気に各サイズの画像が生成され、プレビューされる。29/50/57/58/72/114のサイズに合うように調整してくれるので特に設定を行うこともない。 生成されたアイコン群 後は保存ボタンを押せばデスクトップにフォルダを作成して画像を保存
マイコミジャーナル｜【レポート】iPhone 4に対応したWebサイトを作る方法（2010/07/05）
The WebKit Open Source Project iPhone 4にはRetinaディスプレイと呼ばれる高解像度ディスプレイが搭載されている。これは従来のiPhone 3GSの4倍の解像度にあたり、その美しさはiPhone 4の売りのひとつになっている。iPhone 4 Retinaディスプレイの美しさはユーザを満足させるものかもしれないが、同時に、WebデベロッパやWebデザイナに対してこれまで議論に上がっていた「High DPIに対応するWebサイト」という課題を実感させるものにもなった。 サイズが同じでディスプレイの解像度だけが上がるということは、従来と同じ方法でレンダリングすればその分小さく表示されることを意味している。これでは読めたものではないため、見やすいサイズまでスケールを上げる。iPhone 3GSとiPhone 4のケースなら、縦を2倍、横を2倍にすればいい。
マイコミジャーナル｜【レポート】iPhone 4でもPCでも画像を綺麗に表示するCSSの使い方（2010/07/23）
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebデベロッパやWebデザイナにとって差し迫った課題のひとつに、WebサイトをどうやってiPhone 4に対応させるか、といったものがある。iPhone 4の画面解像度はiPhone 3GSの4倍。縦が2倍、横が2倍の解像度になっている。このため、スケーラブルなデータを表示させた場合、iPhone 4とiPhone 3GSでは表示されるデータの美しさに大きな違いが現れる。iPhone 4の表示は美しい。 しかし、PCやiPhone 3GS向けに用意した画像はiPhone 4では従来通りの見た目で表示される。サイズのバランスをとるために1x1ピクセルを2x2ピクセルに拡大して表示するためだ。これではiPhone 4のRetinaディスプレイの性能
頭身カメラ: 憧れの8頭身に！頭身を自在に変化させることができるアプリ。1902 | AppBank
逆に頭身をのばすこともできるので、こんなシーンでも役立ちます。 ・自分の写真を憧れの8頭身に変えて、友達に見せびらかす。 ・かわいいお孫さんの成長した未来の姿を見て、家族でワイワイする。 以下、写真で詳しく紹介していきます。 1. 写真を選ぶ まず、補正したい写真を選びます。 ※必ず「頭のてっぺんからつま先まで」写った写真をご用意ください。 「カメラから」 : カメラが起動し、その場で写真を撮ります。 「ライブラリから」 : iPhoneに保存されている写真から選びます。 「サンプル画像」 : 3種類のサンプル写真から選びます。 2. あごの下と腰の少し下あたりの位置を設定する あごのちょうど先あたりをタップすると、赤い点線が出てきます。 間違った場合は赤い点線を動かして調整してください。 次に、腰の少し下あたりをタップします。 3. 頭身を変える 画面下部にスライダーを左右に動かして頭身
Amazon、iPhoneアプリ日本版公開 写真撮って商品検索も
Amazon.co.jpは、iPhone／iPod touch用買い物アプリ「AmazonモバイルiPhoneアプリ」を6月3日にApp Storeで無料公開する。iPhoneのカメラで撮った写真から似た商品を検索する機能や、GPSから現在地に近いコンビニを検索し、受け取り場所として指定する機能などを備えた。 米国で2008年末に公開したアプリの日本版。テキストで商品検索し、レビューをチェックして購入したり、「ほしいものリスト」に登録するなど、Amazon.co.jpのWebサイトとほぼ同等の機能を、iPhone／iPod touch向けユーザーインタフェースで実現した。 本やDVDなどをiPhoneのカメラで撮影してアップロードすると、同じ商品や似た商品をAmazonのデータベースから見つけて提示する「フォト検索」機能を装備。米Amazon.com傘下のSnap Tellが開発した画像マ
Awesome Mobile Image Gallery Web App | Codrops
With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple […] With more and more users browsing the web with a mobile device, it’s time to begin with mobile web development. In this tutorial we are going to develop a simple mobile image gallery using the amazing jQTouch jQuery plugin for mobile
【神】Autostitch : 写真を選ぶだけ！仕上がりは広角レンズ調、全自動パノラマ製造アプリ。945
Autostitch iPhone Application 「なんだ。ただの神アプリか。。」と思った方、その通りでございます。 ネタフル先生のところで教えてもらったアプリ、AutoStitchは選択した写真を自動でつなぎ合わせ、パノラマにしたてるという、憎いほど素晴らしいアプリです。 それでははじめよう！ こちらがメイン画面。つなぎ合わせる画像をおもむろに選ぶんだ。 ただいま読み込み中。。。「貼り付け」をタップでスタート！ ただいま処理中。画像8枚だからなぁ。がんばれー。 パノラマができてきた！ できた！ピンチで大きくなる。 人が重ならない場合は薄くなるのか。それにしてもはめ込み方うまいなぁ。 右上のクロップアイコンをタップすると、好きな範囲で長方形に切りとることが出来ます。 曲面のようにぐわっとなってるのもかっこいい。広角レンズ撮影ってこんな仕上がりなのかな？ 保存ボタンで保存したものは
iPhone/iPadアプリの宣伝にぜひ·iPhone Screentaker MOONGIFT
iPhone ScreentakerはMac OSX用のフリーウェア。iPhoneアプリや最適化されたWebサイトを宣伝するのにスクリーンショットは重要な役割を果たす。主なパターンとしてはシミュレータまたは実機のスクリーンショットを利用することが多い。 iPhoneアプリをスタイリッシュに紹介 だが、ただ画面を撮影したままではあまり訴求力がない。もっとiPhoneならではのインパクトが必要だろう。もっと自分のアプリケーションをアピールしたいと思うならばiPhone Screentakerを使ってみよう。 iPhone Screentakerを起動すると二つの枠が表示される。右側にスクリーンショットをドロップする。そしてiPhone/iPadなどの筐体を指定する。縦型、横型の指定も可能だ。そしてただiPhoneを表示する他、イヤホンを付けたテンプレートも用意されている。 iPad用もあり そ
iPhoneブックマーク用のアイコンを作成しよう:phpspot開発日誌
今更、かもしれませんが、iPhoneブックマーク用のアイコン作成法のエントリがあがっていたので参考にやってみました。iPhoneユーザ用のアクセシビリティ向上に使えます。 次のような 57x57 ピクセルのPNG画像を作ります。 作ったらサーバにアップロードします。 そして、HTMLタグを追記します。 アイコン画像を光らせたい場合 iPhoneにはボタンを立体的に光らせる機能がありますがこれを実装するためのHTMLです。 <link rel="apple-touch-icon" href="/path/to/icon.png" /> アイコン画像を光らせたくない場合 自分で光る部分もデザインしたいという場合は以下のコードが使えるみたい <link rel="apple-touch-icon-precomposed" href="/path/to/icon.png" /> 実際にコードを仕込
ウノウラボ Unoh Labs: PHPで暗号化・復号化あれこれ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
iPhone向けアプリケーション、Webサイトを開発する際に使えるテンプレート·Mockapp template MOONGIFT
Mockapp templateはKeynote、PowerPoint用のフリーウェア。iPhone用ネイティブアプリケーションを開発するという話をちらほら聞くようになってきた。まだまだ日本での販売台数は少ないが先行投資兼世界市場へのアピールを兼ねてチャレンジする企業、個人が多い。企業であればアプリケーションの説明を兼ねてモックアップが必要になることもあるだろう。 iPhoneアプリ作りの企画に その時に使えるのがMockapp templateだ。Mockapp templateはAppleのプレゼンテーションソフトウェアであるKeynoteやWindowsのPowerPoint向けに提供されるテンプレートで、iPhoneのモックアップを作成するのにぴったりな素材になっている。 枠が提供されているので、Mockapp templateを使って作ればモックアップが手早くできる。さらに別なフ
iPhoneに最適化されたイメージギャラリー·Pipho MOONGIFT
男性を中心にiPhoneを持つ人が増え始めている。まだまだシェアは少ないが、PC向けのWebサービスの利用率で言えば、iPhoneのシェアは決して少なくはない。実際、iPhoneを使ってWebサイトを見ているという人も多いのではないだろうか。 PHP製のイメージギャラリー そんなiPhoneで写真を見るのに最適なギャラリーソフトウェアがPiphoだ。 今回紹介するオープンソース・ソフトウェアはPipho、PHP製のiPhoneに特化したギャラリーソフトウェアだ。 Piphoはデータベース不要で使えるギャラリーソフトウェアだ。同じ作者によるソフトウェアにJAIPHOがあるが、JAIPHOはJavaScript + HTMLだったのに対してPiphoはPHPを利用する。よりシステマチックに動作させられるようになったと言えそうだ。 横向き表示にも対応 既存のギャラリーアプリケーションをiPhon
fireworksCS3とCS4で使えるiPhoneUI画像 | ブロックワークス
iPhoneのUI部品を提供している方のほとんどはPhotoshop向けが多く、fireworks派の自分としては若干使いづらいなぁと感じていました。今回、fireworksCS3とCS4で使えるiPhoneUI画像を配布しているサイトを見付けましたのでご紹介します。 ご覧のように、iPHoneUIで使われているほとんどの画像を網羅しています。fireworksですから、もちろん1つ1つが分離されて自由に使うことができます。 iPhoneアプリを制作している方、Web制作をしている方には助かるんじゃないでしょうか？自分もデザインの作り込み方などを参考にしたいなと思います。 リンク Blogspark » Blog Archive » Fireworks toolkit for creating iPhone UI mockups
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneに最適化！Googleの新しいImage Searchがスゴイ。
Adobe Systems、無料のiPhone向け画像処理アプリ『Adobe Photoshop Express』を公開
美人時計
