中島聡氏が見せるhtml5の未来：後半6本 | AppBank
中島聡氏が見せるhtml5の未来：前半6本 の続きの6本を紹介します！ 前半に引き続きここで公開しているウェブアプリはすべてこちらのページ（WidgetPad.com）で見ることができます。 例えばですが本日Twitter上でいろいろ話題になっていたこちらのサービスとか、これアプリじゃなくてiPhoneのSafariで動いているんですよ！すごい！ では、後半6本紹介していきます！ 3D Photo これ、Twitter界隈ですげぇ、って話題になってますよね。 すごいんです。動画必見！ このウェブアプリの動画はこちら。 Canvas Benchmark:QuadraticCurve Fill うにょうにょします。 このウェブアプリの動画はこちら。 Finger Art:Circles 指で画面をなぞるとなぞったところに絵が書けます。 すごいです。 このウェブアプリの動画はこちら。 Calcu
中島聡氏が見せるhtml5の未来：前半6本 | AppBank
本日鎌倉に来ていただいた中島聡さん、html5で何が実現できるのか？を現在果敢に挑戦されていまして、こちらのページ（WidgetPad.com）で実験作品を随時公開されているのですが、現在公開されている12個のhtml5で作成されたウェブアプリケーションをすべてご紹介いたします！ 信じられますか？これらはSafari上で動いているんですよ！？まずは前半6個です。 これがiPhoneのSafari上でスムーズに動いているんです。 まずは6本、個別に紹介していきます！ Gold Fish Simulation 小さなお魚さんが画面上をスイスイ泳ぎます。 このウェブアプリの動画はこちら。 Blob Sallad これが一番すごいかも！！！ 指で触れます。ぴょんぴょん触れます。 2本指で触るとなんと分裂します！！！ このウェブアプリの動画はこちら。 YAHOO! Finance 3D ヤフーファイ
【ハウツー】jQuery on iPhone - jQTouchを使ったWebアプリ開発 | エンタープライズ | マイコミジャーナル
新着記事一覧 Firefox 4は2010年秋に登場、Mozillaがロードマップ更新 [14:18 9/8] 【レポート】開発者のためのMicrosoft Tech・Ed Japan 2009レポート [14:12 9/8] パイオニア、マルチ・エンタテインメント・ミキサー「DJM-5000」発売 [14:01 9/8] キヤノン、Webプリント機能を搭載するなどスペックアップした複合機6モデル [14:00 9/8] キヤノン、L判フチなしプリントが約17秒という高速なフォトプリンタ [14:00 9/8] キヤノン、A3ノビにまで対応したカラーレーザー並みのビジネスプリンタ [14:00 9/8] キヤノン、A3ノビにまで対応したハイパフォーマンスビジネスプリンタ [14:00 9/8] 約40年間のシンセサイザーの歴史をすべて包括した巨大シンセ音源「TITAN」 [1
iPhoneで使えるjQueryプラグイン·jQTouch MOONGIFT
iPhone向けのサービス提供となるとついネイティブアプリケーションに目がいってしまう。だがネットワークが必須なものであれば、アプリケーション開発にこだわる必要はない。むしろ審査やObjective-Cの習得などに工数がかかってしまう。 iPhoneでjQuery ならばもっと容易に提供するiPhone向けWebサービスの方が合理的だ。そこで使えるjQueryプラグインがjQTouchだ。 今回紹介するオープンソース・ソフトウェアはjQTouch、iPhone向けjQueryプラグインだ。 jQTouchはjQueryプラグインであり、iPhoneやG1などWebKitを使ったモバイルブラウザで利用できる。とは言え日本では主にiPhone向けになるだろう。iPhoneでよく利用される機能を容易に実装できるようになっている。 様々な機能が盛り込まれている 左右に移動するアニメーションはもちろ
JavaScriptで作るiPhoneアプリケーション·Big Five MOONGIFT
iPhone向けのアプリケーションを開発する場合、Objective-Cを習得する必要がある。オブジェクト指向の言語ではあるが、習得のためにはコストがかかるのは確かだ。開発することで一気に世界が開ける可能性もあるが、利用範囲の限られた言語を覚えることに躊躇してしまう人もいるのではないだろうか。 スプラッシュスクリーン そこで普段使い慣れているHTMLやJavaScriptを使ってアプリケーションを構築しようと言うのがこのフレームワークだ。 今回紹介するオープンソース・ソフトウェアはBig Five、Webベースの技術で実現するiPhone/iPod Touchアプリケーションフレームワークだ。 Big Fiveは言わばプロキシを提供するソフトウェアだ。HTMLからJavaScriptを使ってiPhone/iPod Touchの各APIにアクセスを可能にするのだ。現在位置の取得、内蔵カメラを
iPhone対応Webサイト構築入門（後編） | OSDN Magazine
iPhoneに搭載されているWebブラウザ「Safari」は、WindowsやMac OS X向けのWebブラウザとほぼ同等の機能を備えている。そのため、PC向けに制作されたWebページはiPhoneでもPCで閲覧する場合とほぼ同じレイアウト・挙動で表示できる。しかし、iPhoneはPCに比べて画面サイズが小さいため、iPhone版Safariに向けた専用のレイアウト・機能を用意しておくと、iPhoneから利用した場合のユーザビリティが大幅に向上する。後編では、このような「iPhone専用ページ」の作成例を紹介する。 よりiPhoneでの閲覧に適したWebサイトを作る 一般的なPC向けWebサイトでも、本記事前編で紹介したような修正を加えるだけでiPhoneからの閲覧がしやすいWebサイトになる。しかし、これはあくまでPC向けのWebページをiPhoneでも閲覧しやすくするだけのものである
iPhone対応Webサイト構築入門（前編）：SourceForge.JP Magazine
iPhoneにはWebブラウザとしてMac OS X/Windows用のSafari（以下、PC版Safari）のサブセット版が搭載されている。iPhoneのSafariでは一般的なWebサイトのほとんどが閲覧可能だが、Appleが提供している「iPhone向けのWebサイトデザイン」に従ったデザインを施すことで、iPhoneで閲覧した際により操作しやすいWebサイトを構築できる。本記事では、このようなiPhone向けのWebサイトを作成するテクニックを紹介する。 なお、以下では主にiPhoneについて述べているが、iPod touchに搭載されているSafariについても仕様はまったく同一だ。 iPhone版Safariの特徴 iPhoneに搭載されているSafariは、PC版Safariに採用されているレンダリングエンジン「WebKit」を使用している。また、フォントについてもMac
iPhone特有の技術いろいろ
特殊リンクとは 今回は、iPhone向けWebサイト制作での特有の技術について紹介します。 その前に、Apple Developer Connection（https://developer.apple.com/webapps/）（開発者登録が必要）の「Web Dev Reference Library」にiPhoneでのWeb開発に必要なリファレンスがそろっていますので、参照してください（2008年10月現在）。 iPhoneのSafariではプラグインやFlashが使えない代わりに、～のリンクからネイティブアプリケーションを呼び出せます。 まずはメールリンクですが、hrefに「mailto:foo@example.com」のように指定すれば、「dest@mail.addr」あてのメールを書くようにメールアプリケーションが起動します。「mailto:foo@example.com?cc=
簡単！？iPhone対応サイトの構築方法
iPhoneはケータイのような画面のウルトラモバイルPC 前回（http://www.thinkit.co.jp/article/146/3/）は主にHTMLやCSS、サイトデザインについて紹介しました。今回はもう少しシステム寄りの「作り方」の紹介をします。 大前提としてご理解いただきたいことは、iPhone用のサイトというのはシンプルなPC向けのページである、ということです。 ウィンドウ幅が基本320px（デフォルトでは980pxを縮小）のSafariが積んであり、Wifiでも3G回線でも通信できる、メモリ128Mの非力なPCです。標準的なHTMLやJavaScript、CSSも使えます。きちんとSafariに対応しているAjaxのライブラリ群も動作します。Safari Web Content Guide for iPhone（http://developer.apple.com/doc
「iPhone」風UIを実現するJavascript「iUI.js」
twitter facebook hatena google pocket iPhoneが米国で発売され、apple独特のUIの良さが好評になっています。 今回はJoeHewitt.comのiUIで紹介されている、iPhone的なUIを実現するjavascript「iUI.js」を紹介します。 sponsors 使用方法 実装はそう難しくありません。 iUIからダウンロードしたファイル群をアップロードし、CSSとjsをhead内に挿入します。 次にHTMLです。 <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> と書き込みヘッダー部分を作成します。 後はページ毎にui id="ページ名"で括り、liのリンク先にそのidを指定すれば完成です
iPhone向けサイトを考える : リッチっぽいiPhone向けサイトを作るためのCSS3アニメーション - livedoor Blog（ブログ）
画像だけを表示するRSSリーダーを作る時にCSS3のアニメーションを使ったので、軽くまとめてみます。間違い等あれば指摘していただけるとありがたいです。全体的に[要出典]です。 アニメーション自体がものすごく軽いのはsafariのCSS3で使える-webkit-transformと-webkit-transitionを使っているためです。 -webkit-transformは変化後のスタイルを規定し、-webkit-transitionは動きを規定します。 -webkit-transform:translate -webkit-transform:translate(0,0)；//位置 -webkit-transform:rotate(0deg)；//角度 -webkit-transform:scale(1);//倍率 がデフォルトの値です。本来の位置からどれだけずれているかを
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
ke-tai.org > Blog Archive > iPhoneでJavaScriptを使わずCSSだけでアニメーションする方法
iPhoneでJavaScriptを使わずCSSだけでアニメーションする方法 Tweet 2008/8/13 水曜日 matsui Posted in iPhone | No Comments » iPhoneはJavaScriptを使わなくても、CSSのみでアニメーションができるようです。 今回はその方法をご紹介します。 サンプルとして、ボタンを押すと赤い四角が右にツーっと動く、というものを例に解説しようと思います。 この赤い四角が 「move right」ボタンを押すことで、右にアニメーションします サンプルのHTMLは次の通りです。 <html> <head> <meta name="viewport" content="width=320, user-scalable=no, maximum-scale=1.0" /> <style type="text/css"> .slide
見た目はどうする？どうできる？
iPhone向けデザインコーディング 今回は、iPhone向けサイトを作るにあたっての、デザインコーディング（HTML／CSS）について紹介します。 iPhoneのSafariはかなり高いレベルでPCとほぼ同じようなブラウジングを行えますし、HTML／CSSへの準拠も高い（というよりむしろ律義すぎる）ので、普通にクロスブラウザ対応を考えて作ってあるWebサイトなら問題ないでしょう。しかし、iPhone固有の制限、設定などがありますので、いくつかのテクニックと注意点があります。 はじめに、テスト用の環境を整えましょう。 まずは、Safari（http://www.apple.com/jp/safari/）をインストールします。Safari3.1ならばiPhoneとほぼ同じような動作をします。理想としては、Macがある方が良いです。フォント有無の問題もありますし、iPhone SDK（http
iPhone向けサイトを考える:Remember The MilkのiPhone対応が超絶クオリティ
2008年10月16日 Remember The MilkのiPhone対応が超絶クオリティ Remember The Milk（RTM）のiPhone対応は去年の11月からあったみたいですが、15日間無料で試せる期間が設けられていることにさっき気がついたので試してみました。RTMはタスク管理のWebアプリケーションです。 PC版RTM：http://rememberthemilk.com/ iPhone版RTM：http://i.rememberthemilk.com/ Webアプリでこのクオリティ。なにこれ、すげーよ。超すげーよ。 中身を妄想してみる CSSアニメーションとJavascriptを駆使してここまで軽くて使い勝手のいいアプリケーションを実現しているですよね。たぶん。ひとつひとつの動作を真似することはできるんですが、このくらい規模だと大変なんだろうなぁという感じ。1ページの中
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SoHaya.com is for sale | HugeDomains
http://moto-mono.net/2009/06/04/turorial-using-iphone-like-input-delete-button.html
jQT
screamo.jp
Google Code Archive - Long-term storage for Google Code Project Hosting.