HTML5が引き寄せる近未来を、9つの「○○ウェブ」で理解する。（前編）
その広がりと深まりゆえに、現在のウェブは非常に分かりづらいものになっています。そこでこの記事では9つの「○○ウェブ」という切り口から、「今のウェブ技術では何ができるのか」についてにフォーカスして語ってみたいと思います。適宜デモへのリンクを挟みながら、ウェブのポテンシャルを紹介することに注力します。 ここ数年で急速に進化を遂げたHTML5は、ウェブのあり方を大きく変えつつあります。 とはいえ今はまだ、「ウェブが大きく変わった」と言える段階ではないように思います。筆者はちょくちょく、色々な所でHTML5の概要についての講演をさせていただいていますが、そうした経験から言うと、HTML5のポテンシャルはまだ多くの人に知られておらず、十分にその力が活用されていないように思えます。 その理由は、「HTML5の全体像が見えにくい」ことにあるのではないか、と考えています。 HTML5をはじめとしたウェブ標
線グラフを描くだけの軽量グラフ描画JS「Aristochart」:phpspot開発日誌
Aristochart - Sophisticated Javascript charts. 線グラフを描くだけの軽量グラフ描画JS「Aristochart」 グラフを描く時に必要なのは線グラフだけなのに沢山の描画ライブラリが入っているというケースがありますが、線グラフだけ必要ならこちらのライブラリを使ってみるのもよいかも <canvas>を使うので非対応ブラウザには使えませんが、管理ツール等用途を限定すればシンプルに使えるというのはメリットかも。 各種テーマに対応しています。オシャレとはいえませんが、シンプルかつ簡単にグラフを描画したい際に使ってみてもいいかもしれませんね。 関連エントリ 水量・温度・メーター等、産業用のグラフを描画できるjQueryプラグイン「Industrial.js」 テーブルをグラフに変換してくれるjQueryプラグイン クールでアニメーションするグラフを描画でき
How to Factory Reset iPhone 15 Pro Max - Skyward Design
Ever find yourself needing to wipe your iPhone 15 Pro Max clean? Maybe you’re planning to sell it, following an iPhone guide at i5apps.com, or perhaps it’s just time for a fresh start. Whatever your reason, performing a factory reset is a straightforward process. By the end of this quick overview, you’ll know exactly how to restore your iPhone 15 Pro Max to its original factory settings. After you
html5でドラッグ＆ドロップの処理 - Web.fla
イベントの種類とデフォルトの動作をキャンセル ドラッグ＆ドロップを実現しようにもブラウザにはドロップされたものを表示するというデフォルトの動作があるので、そいつをキャンセルする必要がある。ただしドラッグを開始する「dragstart」は特にキャンセルする必要はない。 とくにhtml5（javascript）でドラッグ＆ドロップを実現する場合は、「dragover」のイベントをキャンセルするのは必須のようです。 ドラッグ＆ドロップを行うには下記のようなイベントが主にあります。 //ドラッグする要素をドラッグするとき target.addEventListener("dragstart",function(event){ },true); //ドロップ領域にドロップされたとき target.addEventListener("drop",function(event){ event.preve
【連載】第一回HTML5でCanvasアプリを作る入門編 ~canvas関連メソッドリファレンス~ - nigoblog
前回ざっくりWEBアプリが来る!という記事を書きました。 というわけで今回はWEBアプリの作り方!特にcanvasを利用したアプリの作り方について書いていこうと思います。かなり内容は入門者向けですので、まだプログラミングを知らないという人でも記事を読みながらプログラミングが出来ると思います。 これも連載形式で書いていこうと思います。 連載が終わる頃にはcanvasでWEBアプリを作れるようになっていることでしょう! 第一回目のテーマは色々やってみようということでcanvas関連メソッドのリファレンスを書いていきます。 参考図書 canvasで出来ること canvasを使う準備 canvasで良く使うメソッド まとめ という流れで書いていきます。 参考図書 参考図書にはこちら。 HTML5 Canvas 作者: Steve Fulton,Jeff Fulton,安藤慶一出版社/メーカー: オ
Another HTML Lint 5
Another HTML-lint 5 is a free checker tool for HTML syntax. You may freely reuse and repost this as long as it is for non-profits. Please make sure to link to this website and specify explicitly your (website manager's) location and contact details. Advertising or any service associated with advertising is forbidden. Note: This is currently Beta version. Please contact us at the following e-mail i
ドラッグ＆ドロップでファイルをアップできるHTML5のデモ:phpspot開発日誌
Creating a Complete HTML5 Drag and Drop File Uploader with jQuery | InsertHTML ドラッグ＆ドロップでファイルをアップできるHTML5のデモ。 デスクトップなどからファイルをブラウザにドロップしてサムネイルを表示→ボタンを押下でアップロード実施というインタフェースのアップローダ実装デモです。 ソースをDLしてそのまま使うことも可能です。 ドロップするとサムネイルと共にボタンが表示されます。 ボタンを押すとファイルがアップロードされます。 使い慣れるといちいちダイアログからファイルを選ぶのが馬鹿らしくなりますね。 サンプルにはPHPスクリプトもおまけでついてきますが、値をValidateしていなかったりするため、実際に利用するには注意が必要そうです。 関連エントリ これは必見のWEBデザインの近未来。HTML5で構築
HTML5 Conference 2012
この度は、私たちhtml5j.orgが主催するHTML5 Conferenceに関心を持っていただき、ありがとうございます。 昨年はグーグル株式会社との共催で、Chrome+HTML5 Conferenceを開催いたしました。昨年も200名を超える方々にご参加いただき、誠にありがとうございました。 初のhtml5j.org主催となる今年は、昨年よりも内容も規模もグレードアップしました。募集人数はなんと1,000名、セッション数も20を予定しており、初心者から上級者まで幅広いディベロッパー・デザイナーの方々に満足頂ける内容となるよう、スタッフ一同準備中です。 今年のテーマは「Web技術者の祭典」。参加された方々が、HTML5関連の最新技術トレンドを学び、新たな交流を育み、そして秋祭りさながら盛り上がれるイベントを目指しています。これは、私たちhtml5j.orgの合言葉である「つながる、学べ
快適にさくさく作れる、ワイヤーフレーム・モックアップがブラウザ上で作成できるHTML5アプリ -Moqups
Moqupsの特徴 Moqupsの使い方 Moqupsの特徴 ドラッグ&ドロップでエレメントを簡単に配置できます。 約60種類のUIエレメントを用意。 PDF, PNGへの書き出し。 HTTPS対応。 自動保存。 スマートガイド。 カスタマイズ可能なグリッド。 オブジェクトはグリッドにスナップ。 オブジェクトのロックとグループ化。 右クリックで、Undo/Redo/Cut/Copy/Pasteなど。 上記の操作はキーボードでも可。 タグ付けと検索機能 画像のアップロード メールによる共有。 Moqupsの使い方 Moqupsを使うにはとりあえず登録は必要ありませんが、機能が制限されます。 機能の制限はたとえば、書き出しがSVGのみになります。
表現力の高さに驚き。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2はHTML5/Canvasを使ったグラフ描画ライブラリです。 これまでグラフと言えばFlashや画像出力が多かったですが、HTML5が使われるようになったことでぐっと表現力の高いグラフをWeb標準の技術で実装できるようになっています。その表現力を知るのにお勧めしたいのがFlotr2です。 たくさんのサンプルが用意されています。一気に紹介します。 線グラフです。 途中で途切れた曲線のグラフも描けます。 棒グラフです。 マウスオーバーで値を表示できます。 積み上げグラフです。 円グラフです。 レーダーチャート。 範囲グラフ。 ローソクチャートです。 滑らかな曲線のグラフです。 マウスオーバーでグリッドが表示されます。 マウスズームのデモです。 マウスで一部の範囲を指定できます。 折れ線グラフです。 マイナスの値にも対応。 クリックでリアルタイムにグラフを描きます。 画像ダウンロード
京都発「Mooklet」が仏コンテストで最優秀賞、HTML5フォトブックを書き出せるiPhone4アプリのここがすごい 【増田 @maskin】 | TechWave（テックウェーブ）
日本発のiPhoneアプリ「Mooklet」が、仏AppFire主催の期待のアプリを審査するコンテスト「App Star Award 2012」で、審査対象となった数百アプリの中からNo1の座を射とめた。 このアプリはiPhone上で、カメラロールの写真を使ったフォトアルバムを、HTML5で書かれたウェブアプリとして書き出すことができるというもの。書き出された作品は、iPhoneやiPadのブラウザから閲覧可能。サンプルギャラリーなどを見て分かる通り “思い出のアルバム” らしい、豊かな表現でシェアできるところに評価が集まっているようだ。 半自動で動きあるHTML5フォトブックが完成 開発したのは京都在住 KANTETSU WORK代表 コバヤシトール氏。これまでBiND for WebLifeやMogSnapなど人気プロダクトの開発に関わってきた。 アプリはさすがの完成度で、操作するだけ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「RAIZIN JAPAN」HTML5 CANVASを使用した冷気の表現が話題に 【@maskin】 | TechWave（テックウェーブ）
html5shiv - Project Hosting on Google Code
xml.vc
Illustratorのデータをcanvasに変換する・「Ai to Canvas」 - かちびと.net
第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS
Site Under Maintenance
HTML5KARUTA - 「HTML5カルタ」で覚える！HTML5の108つのタグ
tanabee.info
http://atnd.org/events/30682
