hanatoweb.jp - このウェブサイトは販売用です！ - hanatoweb リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開
また新しいHTML5オーサリングツール「Ninja」、タイムラインでアニメーションも作成可能。Motorola Mobilityがオープンソースで公開 Motorola Mobilityが今月公開したHTML5オーサリングツール「Ninja」のバージョン0.7は、SVGやCanvas、WebGLなどを用いたHTML5でのアニメーション効果の開発を得意としたオーサリングツールです（それにしてもNinjaという名称は海外で人気がありますね……）。オープンソースソフトウェアとして開発されています。 Ninjaは、同じくMotorola MobilityがリリースしたHTML5対応のフレームワーク「Montage」をベースにしています。Montageは、Adobe Flash/Flexのような形でHTML5のアプリケーション開発ができるようにという意図で開発されたフレームワーク。 Ninjaの画面
HTML5のCanvas図形をクリッカブルにするjQueryプラグイン ClickableCanvas - ウィザード・コード | WIZARD-CODE
ClickableCanvasの概要 jQuery ClickableCanvasは、HTML5のグラフィック機能であるCanvasで描かれた図形に、一部のマウスイベントをバインドするjQueryのプラグインです。 図形にマウスを合わせたり、図形をクリックしたタイミングでDOMイベントのようにコールバック関数を呼び出すことができます。 Internet Explorerはバージョン8までCanvas要素に対応していないものの、FlashCanvasやExplorerCanvas、 uuCanvas.jsをページ内で呼び出すことで同等の機能を持たせることができます。 jQuery Clickable Canvas バージョン２を公開しています。詳しくはこちらのデモページへ！ 10/11/18 Canvas機能をInternet Explorerで実現するライブラリFlashCanvasに対応
iPhoneのSafariで加速度センサーを使う - 強火で進め
iOS 4.2から加速度センサーをSafari上で使用出来るようになったみたなので以前作成したこちらのサンプルをiPhone向けに移植してみました。 Firefox 3.6から搭載の加速度センサーで画像を動かすサンプルを作ってみた - 強火で進め http://d.hatena.ne.jp/nakamura001/20100123/1264234259 仕様書を確認したところほぼ同じ記述で良さそうですが微妙に変更が必要な箇所が有ったので書いておきます。 まずはイベントリスナーへの追加方法。 Firefoxの時はこの様に "MozOrientation" と書きましたが window.addEventListener("MozOrientation", mozHandleOrientation, true);iPhone(現行のW3Cの仕様)では以下の様な記述となります。 window.ad
HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル:phpspot開発日誌
Create a page flip effect with HTML5 canvas | Tutorial | .net magazine HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル。 canvasなんかも活用しつつ次のようにリアルに実現できちゃってます。Chromeなんかでは超なめらかでした。 Flashじゃなくてもできちゃうんですね。 ライブデモ 実装のためのコードがチュートリアル形式で解説されていますが、このテクニックは色々と使えそうですね。 関連エントリ CSS3を使った驚きのデモいろいろ２５種類 画面をスワイプさせてページ送りができるWordPressプラグイン「iPad Swipe」 iPadのブラウザ上で電子書籍風のめくる操作を可能にするJavaScript
体感必須。WebGLの持つポテンシャルを知る·WebGL Samples MOONGIFT
WebGL SamplesはWebGLのデモアプリケーションが登録されているプロジェクト。 WebGL SamplesはHTML5/WebGL製のオープンソース・ソフトウェア。HTML5の登場によって新しい技術がWebブラウザに取り込まれている。その中で最も可能性を感じさせる、だが使うのもなかなか難しそうに思えるのがWebGLだ。 アクアリウム WebGLによってWebブラウザ中で3Dオブジェクトをレンダリングできるようになった。その内FPSのようなゲームまで出てくるかもしれない。そんなWebGLのもつポテンシャルを感じたいならWebGL Samplesを触ってみよう。 WebGL Samplesは10種類を越えるWebGLのサンプルが登録されている。水槽に中に魚を描いたり、柔らかなオブジェクトが融合したり離れたりするもの、3Dアバター、地球のような惑星に隕石が次々と落下していくものなど様
リストやテーブル主体のスマートフォン最適化サイトに·ChocolateChip-UI MOONGIFT
ChocolateChip-UIはHTML5製のスマートフォン最適化サイト用フレームワーク。 ChocolateChip-UIはHTML5製スマートフォン用のオープンソース・ソフトウェア。スマートフォンはこれまでのデスクトップ型に比べると圧倒的に画面サイズが小さい。そのためWebサイトのデザインを行う上で注意すべきことが色々ある。またiOS風にデザインするのも難しい。 リスト そのためデザインテンプレートを使うのが一般的になっている。Webデザインだけを提供するもの、jQuery Mobileのように統合的に提供するものなど色々あるが、ChocolateChip-UIは後者に属するスマートフォンWebサイト向けフレームワークだ。 ボタン ChocolateChip-UIで提供されるのはテーブルビュー、アコーディオンビュー、ナビゲーションバー、リスト、各種ボタン、ポップアップ、スライダーなど
フォーム関連要素（3） サイトのフォームを多機能にするHTML5の新要素5選
新たに追加された5つのフォーム関連要素 前回の「HTML5でinput要素に追加された新しいタイプ13連発」までは、HTML5において＜input＞要素に対して加えられた変更を見てきました。今回は、＜input＞要素以外のフォーム（＜form＞）に関連する新要素について見ていきます。今回ご紹介する要素は、以下のとおりです。 出力値を表す＜output＞要素 ＜output＞要素は、プログラムによって生成された出力値を表す要素です。＜output＞要素を用いることで、「この部分は自動的に生成された値である」という意味を明確にできます。 for属性に、他の入力フォームのIDを指定することで、出力値の元になった入力フォームを明示的に指定できます。for属性には、複数のIDをスペースで区切って指定できます。 以下の例では、ユーザーに2つの数値を入力させ、その計算結果を自動的に算出します（このサンプ
勉強会やセミナーに。動画と別コンテンツを連携させるHTML5動画フレームワーク·Popcorn.js MOONGIFT
Popcorn.jsは動画と別なコンテンツを連携させるHTML5ビデオフレームワーク。 Popcorn.jsはHTML5/JavaScript製のオープンソース・ソフトウェア。Webサービスの説明動画や、勉強会の内容など動画をWebサイトに掲載するケースが増えている。そんな時には動画以外の資料も一緒に掲載したいと思うはずだ。 デモ ニコニコ動画は動画とコメントと一緒に閲覧できるが、同じように動画と別なコンテンツを一緒に掲載したり連携させたいと思う事はないだろうか。それを実現するライブラリとしてPopcorn.jsを紹介しよう。 Popcorn.jsはHTML5動画フレームワークで、動画と任意のコンテンツを連携させるライブラリだ。例えば動画の横にスライドを載せ、指定時間になったら切り替えると言った具合だ。手で時間を進めたりした場合もコンテンツが切り替わってくれる。 外部の様々な情報を表示して
ドラッグアンドドロップ、プログレスバー表示に対応したアップロードライブラリ·File Uploader MOONGIFT
File UploaderはD&Dをサポートし、複数ファイルのアップロードとプログレスバー表示に対応したライブラリ。 File UploaderはHTML5/JavaScript製のオープンソース・ソフトウェア。Webブラウザの操作で最も面倒なのがファイルのアップロードではないだろうか。一つのファイルしか指定できないインタフェースや、巨大なファイルを送信中の固まった状態はとてもユーザビリティが低い。 ドラッグアンドドロップ そうした問題点を解決するのに使われてきたのがFlashだが、HTML5になって複数ファイルのアップロードもできるようになった。さらにユーザビリティを高めるために使ってみたいのがFile Uploaderになる。 File Uploaderはドラッグアンドドロップでファイルのアップロードが出来るライブラリだ。まるでGmailのようなインタフェースになっている。フォルダは無
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
syboos.jp
Google Swiffy