jQuery.flickable - Demo iPhone風のあのスクロールをPCでも実現できる「jQuery.flickable」 スクロールしすぎると元に戻るスマホのスクロールをPCのブラウザで実現できます。 ドラッグ＆ドロップしてタッチ操作っぽくスクロールすることも可能で、素早く操作すればその分素早く移動したり、スマホでの動作そっくり。スマホでもそのまんま動くという優れもの スライダーっぽいものも作れて、iPhoneのホーム画面っぽいものも作れます 国産というところもいいですね。 これがOS標準で搭載されたらいいのにってぐらいによいライブラリでした。 関連エントリ スクロールしてもposition:fixedでウザくない感じのナビゲーション実装ライブラリ「stickyMojo」 ページ内スクロールならコレにおまかせ！なjQueryプラグイン「Page Scroller」 使うときだ

lenticular.js - tilt-controlled images iPhoneの傾きで画像を回転させられるようにする「lenticular.js」 パソコン、iPhoneの両方で見て頂きたいですが、iPhoneでアクセスした場合はiPhoneの傾きと同時に画像が回転。 パソコンで見ればマウス位置に応じて画像を回転させることができます。 近い未来のECサイトではこういう形で商品を見ることができるようになっているのかも。 今後、他にも傾きを使って色々とWEBサイトもどんどん便利になっていくのかも 関連エントリ iPhoneアプリ作成に使えるPSD素材集１０ iPhone風のあのスクロールをPCでも実現できる「jQuery.flickable」 iPhoneのON/OFFスイッチをHTML5/CSS3の形式でジェネレート

FlashもHTML5もSilverLight, SVGも使わずに、IE7+, iPhone, iPad, Androidで動作するアニメーションを作成できるjQueryのプラグインを紹介します。 jCS Media Library [ad#ad-2] jCSMLの対応ブラウザ jCSMLのデモ jCSMLのダウンロード jCSMLの対応ブラウザ jCSMLの対応環境は下記の通りです。 HTML5非対応のIE7でも、Flash非対応のiPhoneでも動作します。 IE7+ Firefox3.6+ Chrome Safari iPhone iPad Android jCSMLのデモ jCSMLの多彩で美しいデモをいくつか紹介します。 各デモはチュートリアルも兼ねており、コードも一緒に掲載されています。

画像の一部だけをアニメーションにする「シネマグラフ」を簡単に作成できる無料の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を起動し、真ん中のボタンをタップすると、動画撮影になります

FlipPage 右端がぺらっとしてますが、キャプチャだと分かりにくいですね。 [ad#ad-2] FlipPageの実装 HTML 画像を配置したdiv要素をdiv要素で内包します。 <div id="exemples"> <div><img src="img1.jpg" style="margin-left: 0px;" /></div> <div><img src="img1.jpg" style="margin-left: -250px;" /></div> <div><img src="img2.jpg" style="margin-left: 0px;" /></div> <div><img src="img2.jpg" style="margin-left: -250px;" /></div> <div><img src="img3.jpg" style="margin-le

jQueryなど他のスクリプトに依存せずに、インタラクティブなマップを作成できる軽量のスクリプトを紹介します。 Leaflet - a modern, lightweight JavaScript library for interactive maps デモページ [ad#ad-2] Leafletは、ユーザビリティ、パフォーマンス、サイズ、フレキシビリティを重視して開発されており、デスクトップとモバイルの主要なブラウザでインタラクティブなマップを作成できるBSDライセンスのスクリプトです。 Leafletの主な特徴 タイルレイヤー マーカー、ポリゴン、ポリライン、サークルの設置 ポップアップ イメージのオーバーレイ ドラッグ操作でパン ホイール・ダブルクリックでズーム Shift+ドラッグでバウンディングボックス タッチドラッグでパン（スマホ） マルチタッチでズーム（iOS） ダブルタ

iscroll-jsはコンテンツを引く動作をMobile Safariであってもネイティブアプリに近い動作にする。 MOONGIFTはこう見る 様々なライブラリ、ソフトウェアによってネイティブアプリとWebアプリの境が低くなっている。これはiPhoneに限らず、PCでも同様だ。だが、HTML5を積極的に使えたり、ネットワークがすぐに使えたりとスマートフォンの方がより実用的になっている。 iscroll-jsのようなライブラリが増えていけばさらにネイティブアプリからWebアプリを押し進める流れができてくるはずだ。この動きには今後注目しなければならない。 [/s2If] iscroll-jsはJavaScript製のオープンソース・ソフトウェア。iPhoneアプリで人気のある機能の一つで、リストを引っ張って離すとデータ更新を行うというものがある。同様のアクションをiPhone最適化サイトでも提

勝つためのクラウド活用術 New Value on Azure ビジネスを次のステージへ！ 年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 iPhoneデバイスも統合的に管理 激しく変化する業務環境とリスクに合わせ 深化するM365セキュリティ 膨大なアクセスを支える屋台骨 高い安定性とパフォーマンスを両立 ZOZOTOWNが選んだストレージ基盤を解説 ID管理の基礎知識 新しい働き方におけるITガバナンスの 向上にむけて A Business New Era あらゆるモノ・コトが変化している今 デジタルでビジネスは生まれ変わる 最新ストレージで変わるIT運用 仮想化テクノロジーとFlashArrayの組合せで 運用負荷軽減と高性能化を実現したDMM Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟

2010年08月21日20:49 カテゴリiPhoneプログラム iPhone UIViewのアニメーションの一時停止と再開 きっと、もっと良い方法があるとは思うのですが、メモ的にブログに書きます。もっと良い実装があれば是非教えて欲しい！ UIViewのアニメーション、多くの人がこんな感じに実装していると思います。 [UIView beginAnimations:nil context:UIGraphicsGetCurrentContext()]; [UIView setAnimationCurve:UIViewAnimationCurveEaseOut]; [UIView setAnimationDuration:0.5]; // ここでアニメーションさせる内容を書く [UIView commitAnimations]; ですが、ドキュメントをパッと見、アニメーションの一時停止/再開させ

jQueryを使ってクールなインターフェースを実装したい。 そんなときにおすすめなのが、「30 Useful Jquery Plugins For Developer & Designer」。デザイナー・デベロッパーのためのjQueryプラグイン集です。 結構いい感じのものが揃っています。 YoxView – jQuery image viewer plugin 動きの軽快なlightbox系プラグイン Exposure Jquery Plugin かっこいい見せ方ができる画像ビューア jQuery Constant Footer フッタをブラウザ下部に固定配置するためのスクリプト。RSSを読み込んだりもできる ezMark jQuery Plugin チェックボックス、ラジオボタンをかわいいデザインに 変更できるプラグイン Cloud Zoom これはすごい気がする。画像の一部を拡大して

Drag provider – the good stuff Dragdealer is a drag-based JavaScript component that embraces endless front-end solutions. Elegantly crafted for JavaScript-aware coders. 2D drag and tap, mouse and touch (mobile tested), 12kB unminified. No dependency. Take a look through all the demos below to understand how it works. Links / download code.google.com/p/dragdealer/ blog.ovidiu.ch/dragdealer-js HTML

August 10th, 09' (v1.6): Adds ability to specify explicit height for main menu, instead of defaulting to top UL's natural height. Description: This script turns an ordinary UL list into a drill down style menu, adding a new dimension to the conventional drop down menu. The top level UL dictates the height of the menu, with the sub levels tucked away until navigated to. You can customize which leve