Web開発のガイドライン・ツール集 - ふろしき Blog
★ Windows 7のWebシステム開発は、IEの方針転換により変化が求められる Windows XP時代に主流であった「バージョン依存型」は、非推奨となりました。IEはかつて、様々なバージョン特化の作り込みを支援する機能を提供してきましたが、バージョンアップを繰り返す都度、非推奨化と削除を繰り返し、現在の最新のIEでは殆どが動作しなくなりました。 現在は「機能/動作検出型」で開発を行わないと、Webシステムは想定外のリスクに晒されることになります。場合によっては、システムのライフサイクルに致命的な問題を作りこむことになります。 ★ Win7のIEの移行対応は、Win9x/WinXPの時ほど簡単にはいかなくなった 古いシステム、具体的にはIE8以下を対象に開発されたWebシステムを、上位のバージョンのIEでも維持させるには、IEの過去のバージョンの動作を再現させる機能「ドキュメントモード
tomcat7のWebSocketでcanvasの描画を共有する | DevelopersIO
こんにちは。tomcat7でWebSocketを使ってみました。 今回はcanvasに書いた情報を共有するといことをやりたいと思います。 使用する環境はpleiades3.7.2、Java7になります。またEclipseのtomcatホームの設定はしてあるものとして進めます。 Eclipseでプロジェクトを作成します 「ファイル」>「新規」>「その他」>「Java」からTomcatプロジェクトを選択し、プロジェクトを作成します。 （今回はサブディレクトリにWebContentsを設定して作成しました） srcフォルダ配下にws.appパッケージを作成します。ここにサーバ側のソースを格納します。 クライアント側のソースはWebContents直下にhtmlファイルを作成します。 以下フォルダ構成になります。 ビルドパスを追加します tomcatでwebsocketを実装するのにはWebSoc
IE8以前に救済。HTML5のタグを利用可能に·html5shiv MOONGIFT
html5shivはIEをはじめとするHTML5非対応WebブラウザでHTML5のタグとスタイルを使えるようにするソフトウェアです。 HTML5のWebサイトを作りたいと思いつつ、IE向けのデザイン適用について心配する声は多数あります。そこで使ってみたいのがhtml5shivです。HTML5非対応のIEでもHTML5の要素を使ったデザインをサポートします。 例えばこんなデザイン。HTML5を使っていますがちゃんとスタイルシートが当たっています。 ソースコード。sectionタグなどを使っています。 まだ開発中ということもあって全てのテストが通る訳ではなさそうです。 別なソース。markタグを使ったり、jQueryも使えています。 こんな感じのグラフも描けています。 グラフのソース。おそらくCanvasタグで描かれているはず。 html5shivを使えばHTML5非対応のWebブラウザであっ
クライアントサイドだけでファイルを保存する·FileSaver.js MOONGIFT
FileSaver.jsはクライアントサイドでデータを生成しダウンロードするJavaScriptライブラリです。 Webアプリケーションが増える中、Webブラウザ上で作ったコンテンツをそのままエクスポートする時に使えるライブラリがFileSaver.jsです。 まず画像を保存するデモです。 こんな感じに適当にマウスで文字を書きます。 ファイル名をつけて保存ボタンを押すと保存が実行されます（ウィンドウ下部にダウンロードファイルがあります）。 ダウンロードされたファイルです。内容が動的に生成されているのが分かります。 同様にテキストの保存もできます。 テキストファイルの内容も動的です。UTF-8で作成されます。 HTMLファイルの保存もできます。 FileSaver.jsはコンテンツをCanvasタグにレンダリングし、それをダウンロードしているようです。HTML5対応ブラウザに限定されますが、
すげえ！FlashLite1.1を解析してHTML5に変換·FlashForward MOONGIFT
ガラケーはFlashLiteに対応しており、多数のゲームが開発されてきました。そうした既存の資産を活かすべく開発されているのがFlashForwardです。iOS向けにFlashLite1.1からHTML5へ変換するソフトウェアです。 デモは多数用意されています。 アニメーションします。 SVGの他にCanvas阪も用意されています。 テキスト含めたアニメーションも可能です。 こういうゲーム系で活躍します。 陣取りゲーム風ゲームも再現できています。 こういうアニメーションはCanvasのが高速です。 指定した形を描きます。 日本語も使えます。 複雑なキャラクターも描けて、アニメーションもばっちりです。 左右に動いたりします。 バナーレベルは十分に使えます。 まさにゲーム用途にぴったりです。 FlashForwardでは予めSWFファイルを解析し、HTML5/SVGまたはCanvas/Jav
HTML5でサイトをつくろう
若者を中心に爆発的な人気となり、ユーザーを増やし続けているInstagram。Web関連の仕事をしていると、最近ではクライアントからも「Instagramを使いたい」という要望も聞くようになりました。Instagramが今どうなっているのか？どう活用し、どのように見てもらうのか、初歩的な内容から少し専門的な内容まで、参考になるサイトや記事をまとめました。
The HTML5 test - How well does your browser support HTML5?
HTML5test how well does your browser support HTML5? Your browser Other browsers Compare News Device Lab About the test The HTML5 test score is an indication of how well your browser supports the HTML5 standard and related specifications. Find out which parts of HTML5 are supported by your browser today and compare the results with other browsers. The HTML5 test does not try to test all of the new
W3CがHTML5のロゴを発表！ ホームページに貼ろう！
ロゴはクリエイティブコモンズのAttribution 3.0 Licenseライセンスで提供され、希望者は誰でもこのロゴをWebサイトに表示したり、ステッカーにしてPCに貼ったり、Tシャツの柄にすることができるとのこと。 また、HTML5を利用していることをアピールしたいWebサイトのために、HTML5関連のテクノロジーを示したアイコン付きのバッジも提供されています。 HTML5のロゴの右側に並んだアイコンは、左から以下のテクノロジーを示しており、任意に選択できます（バッジには縦用のレイアウトもあります）。 Connectivity（Web Sockets、Server-Sent Eventsなど） CSS3 & Styling（CSS3、Web Open Fonts Formatなど） Device Access 3D & Effects（WebGL、CSSの3D機能など） Multim
HTML5 API 関連仕様を簡単にまとめ | 77776667772
正式リリースされた Chrome 4.0 が Web Sockets などに対応したという事で、HTML5 の API 関連仕様について、自分用メモ。 Canvas 2D API http://dev.w3.org/html5/canvas-api/canvas-2d-api.html スクリプトから描画を行う為の仕組みを提供する。 Firefox 1.5, Safari 1.3, Chrome 1.0, Opera 9.0 で既に利用可能。 Internet Explorer では互換機能を提供する ExplorerCanvas (http://excanvas.sourceforge.net/) というライブラリで疑似的に利用可能。 Selectors API http://www.w3.org/TR/selectors-api/ JQuery のごとく要素を選択する仕組みを提供す
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」:phpspot開発日誌
IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」 2010年05月25日- jStorage - simple JavaScript plugin to store data locally IEにも対応！ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」。 基本はHTML5のストレージを使いますが、対応していないブラウザは、例えばIEではuserDataを使ってデータを格納します。 ライブラリ内でクロスブラウザ対応はしてくれるので、利用者はただ jStorageのメソッドを呼び出すだけでストレージを利用できます。 ブラウザごとのサポートと、ストレージサイズは以下。IE6,7 が 128KBと、比較的小さいですが、それなりに大きなデータを保持できることが分かります。 基本とするフレームワークライブラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5ベースのリモートデスクトップソフト「ThinVNC」v1.0が公開、正式版に