DHTML - 最低限文化的なスライダーの実装 : 404 Blog Not Found
2011年09月30日01:30 カテゴリLightweight Languages DHTML - 最低限文化的なスライダーの実装 デザイニング・ウェブインターフェース Bill Scott / Theresa Neil 浅野紀予・高橋信夫訳 [原著:Designing Web Interfaces] たかがスライダー、されどスライダー。 [追記:IE対応しました]RANT スライダーって便利ですよね。 スマートフォンやタブレットなどのタッチデバイスだとなおのこと。 HTML5では、<input type="range">だけで出来てしまいます。こんな風に。 50/100 モダンなPCブラウザーならすでにサポートしてたりします。 ところがこれ、まだiOSもAndroidも現状未サポートなのですよorz。FireFoxも。iOSは5で対応しましたが。 というわけで必要最小限で、かつタッチイ
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
メイキング「NERV極秘資料 - 電力使用状況」こと技術解説 - 甘味志向＠はてな
NERV極秘資料 - 電力使用状況 先日、東京電力の電力使用状況をエヴァンゲリオン風デザインで表示するWebサイトを作ったものが、あちこちで反響を頂きました。 ねとらぼ：「NERV専用監視装置」で東電の電力状況をチェック エヴァ風サイト登場 - ITmedia NEWS NERVの一員になったつもりで節電！ エヴァ風電力使用状況メーター | ギズモード・ジャパン Twitterでは16000以上ツイート頂けたようです。 http://topsy.com/kanmisikou.net/lab/power/ こちらの、はてなブックマーク週間ランキングでもIT・コンピュータカテゴリ2位を頂きました。ありがとうございます。 http://b.hatena.ne.jp/ranking/weekly/20110321/it これだけの反響を頂きましたし、せっかくなのでWebアプリを作る工程を解説します
HTTP Live Streaming - にゃんだふる日記
iPhone HTTP Streaming with FFMpeg and an Open Source Segmenterの要約です。 iPhone 3.0およびQuickTimeXに対してWebサーバからストリーミングを送信できる。HTTPプロトコル経由で送信しているため、ファイアウォールでブロックされることが少ない。 HTTP Live Streamingの規格は、拡張コメントを追加したプレイリスト(.m3u)を用いており、時間単位での再生指定があった場合にどのコンテンツファイルに飛ぶべきかが記述されている。 コンテンツファイルは、元のコンテンツファイルを分割したMPEG2-TSファイル、MPEG-2-PSファイル、オーディオストリームを使用可能。分割単位は、1ファイル当たり10秒がデフォルト。 VOD用のプレイリストの場合には、前述のプレイリストを使うこととなる。ライブストリーミン
GoogleのChromeブラウザの構成モジュールのそれぞれのバイナリ・サイズの表 - [モ]Modern Syntax
このままじゃやばい、と思ったのか動かなくなった赤ちゃん猫を加えて動物保護センターのスタッフの元に連れてきた母親猫です。 連れてきた子猫をチェックしたところ、体が冷えていたので緊急処置のため病院に送ったそうです。 その間、猫はどこかに行ってしまったのですが、再び子猫を咥えてやってきたそうです。幸いこちらの子猫の健康状態は問題なかったようです。 その後、また猫がいなくなりそうだったので猫の後とつけると、その先にはさらに死にそうな子猫が。子猫たちは脱水症状と低血糖症になっていたそうです。 それらの猫も同様に病院に送り治療したところ快方に向かい出したそうです。 今は飼い主さんがが見つかるまでの間、家族全員が安全で暖かい仮の家に預けられているそうです。 困った時は誰かを頼る、って大事ですよね。 今回のモダシンラジオは3ヶ月に一度お届けしている2024年1月-3月期のドラマ、いわゆる冬ドラマについて@
Web技術で作るDashboardウィジェット開発入門 (1/5)
「Dashboard」は、Mac OS Xで動くミニアプリケーションです。Dashboard上で動作するミニアプリケーションは「ウィジェット」と呼ばれ、電卓やカレンダー、天気予報などが標準で提供されています。Windows Vista/7でいうところの「ガジェット」に相当するものです。 Dashboardのウィジェットは、HTML+CSS+JavaScriptの組み合わせで動作しています。Webページと同じ技術が使われているので、Web開発のノウハウがそのままウィジェット開発にも応用でき、Mac OS X上で動作するミニアプリが簡単に作成できます。使うのも作るのも簡単、というのがDashboardのよいところでしょう。 また、ウィジェット開発は、HTML5+JavaScriptを使ってiPhoneやAndroid向けのアプリを作る手法とも似ています。DashboardもベースはWebKit
HTML5 Canvasでフラクタル図形を描いてみた
はじめに 一年の1/4が終わってしまうと思ってるみなさんこんにちは。ダニーです。 今回はHTML5のCanvasの使い方を調べて Canvasでフラクタル図形を描いてみました。 デモ http://f96q.github.com/canvas_demo/ Canvasについて 詳しい仕様は http://dev.w3.org/html5/canvas-api/canvas-2d-api.htmlに載っているのでそちらを参照して下さい。 Canvasを作る <canvas id="main" width="500" height="500" ></canvas> canvasタグでcanvasを作ります。 コンテキストの取得 var canvas = document.getElementById('main'); if (canvas.getContext) { var ctx = can
iOS 4.2×localStorageで作るGPSレコーダー (1/5)
iOS 4.2が出て3か月ほど経過しました。iOS 4.2ではJavaScriptで加速度センサーを扱えるなど便利になった反面、以前に比べて不便になった面もあります。1つが、内蔵データベースであるSQLiteです。HTML5の仕様からWeb SQL Databaseが廃止されたためでしょうか、iOS 4.2ではJavaScriptからSQLiteへのアクセスができなくなりました。そのため、本連載の第2回で作成した、SQLiteを使ったGPSレコーダーは動作しなくなっています。
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
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.
SVGでグラフを生成する·SVGGraph MOONGIFT
SVGGraphはPHP製のオープンソース・ソフトウェア。HTML5が正式に決まり、メジャーなブラウザがHTML5対応を強めている。そんな中、ようやく日の目を見そうなのがSVGだ。技術的には昔からあるものの、対応ブラウザが限られることもあってあまり使われてこなかった。 棒グラフ、円グラフ SVGを使うと幸せなのが、クライアントサイドでレンダリングを行えるということだ。サーバサイドでは画像を生成する必要がなく、XMLベースでベクターデータを出力すれば良いだけだ。そしてSVGを使ったグラフライブラリがSVGGraphだ。 SVGGraphはPHPを使ってグラフを生成する。対応しているグラフは棒グラフ、円グラフ、折れ線グラフ、散布図となっている。棒、円グラフは3D表示にすることも可能だ。画像とは異なり、リンクを埋め込むことができたり、値のツールチップを入れることもできる。 折れ線グラフおよび散布
HTML5@iPhoneゲーム開発
1. HTML5@iPhoneゲーム開発 株式会社DeNA ソーシャルメディア事業本部 ソーシャルゲーム統括部スマートフォン開発グループ 岸 弘倫<kishi dot hiromichi at dena dot jp> DeNA Technology Seminar #3 1 2. 自己紹介 ‣ 2009年DeNAに入社 – モバゲーの3Dアバター関連開発 – iアプリ開発 – 子会社のMiniNationにて海外向けのiPhoneアプリ 開発 ‣ 現在 – iPhone・Androidアプリ開発 DeNA Technology Seminar #3 2 3. 本日の 本日の内容 ‣ MiniNationからリリースしたiPhoneゲーム 「Pirate Nation」 ‣ HTML, CSS, Javascriptで主に開発 ‣ 今日は開発で得たノウハウについて話します。 – ゲームとい
WebSocketにセキュリティの懸念。Firefox 4とOperaで機能を無効化へ
もともとHTML5の仕様の一部として検討され、現在は独立した仕様となったWebSocket。Webブラウザで柔軟な通信が行える機能として注目されていましたが、Firefox 4では、当面WebSocketのサポートを見送ることが発表されました。Operaでも同様に、デフォルトでWebSocketをオフにすることが発表されました。 原因はWebSocketプロトコルにセキュリティ上の問題が発生したため、とのこと。 WebSocketにはどのようなセキュリティ上の問題が発見され、影響はどういったところに及ぶのでしょうか？ Mozilla Japanの浅井智也氏に解説をお願いしたところ、次のような文章を送っていただきました。 以下からは浅井氏による解説です。 なぜFirefox 4はWebSocketをサポートしないのか？ 現在仕様策定途中のWebSocketプロトコルには重大なセキュリティ上の
iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 | TechWave（テックウェーブ）
[読了時間:1分] 先日、リリース間近とお伝えしたHTML5ゲームエンジン「IMPACT」が12月21日未明、正式に公開となった。同エンジンで開発されたゲームは、iOS上では60フレーム/秒を実現するとされており、HTML5対応のウェブブラウザであればプラグインなどをインストールする必要なく実行できるという特徴を持つ。サイトには、効率の良い開発スタイルを説明するビデオやサンプルソースコードなどが公開されている。ライセンスは価格は99ドル。 エンジンを開発した独Dominic Szablewski氏は、HTML5に対応したモダンブラウザ上で高速に動作するゲーム「Biolab Disaster」を公開、その開発のために使用したエンジンを一般に提供すると告知していた。今回の正式リリースで、このゲームもアップグレード。公言通り、iOS上でも快適に動作するようになっている。 lMPACTは、HTML
Adobe HTML5 特設サイト Dreamweaver® CS6 と HTML5 で始めようスマートフォン＆タブレット対応| Adobe - 日本
Dreamweaver CS6 と HTML5 で始めようスマートフォン＆タブレット対応 HTML5 特設サイトは、HTML5/CSS3 やモバイルデバイスの活用を検討している方に最新情報をお届けするアドビ公式サイトです。 事例から Adobe®Dreamweaver® CS6 を始めとする制作環境まで、幅広い観点から Web の新しい方向性をお伝えします。 本文へ 本サイトについて 本サイト自体が、マルチデバイス対応のレスポンシブなデザインの事例として制作されています。表示される画面の大きさに応じて、閲覧し易い様にレイアウトが変化します。詳しくは「互換化とは」をご覧ください。 jQuery Mobile を使ったスマートフォン向けの専用サイトも公開中です。
jsdo.it
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
HTML5 Watch
# Portal for mobile/desktop browsers Full Writeup Keyboard Controls: It’s AWSD or arrow keys for movement and mouse button and mouse movement for the portal gun. On mobile, it’s hold down your finger to run toward your finger and hold down above you to jump, tap to aim and fire the portal gun, and second finger (multi-touch) to move the portal gun without firing (like to maneuver a held box).
FlashがHTML5より優れている点を敢て挙げてみる - 風と宇宙とプログラム
HTML5のVideo/AudioタグとCanvasなどがあればFlashが要らなくなるのではとの議論があるが、そう簡単にはFlashが不要になるとは思えない。僕個人としては、Webの世界に１ベンダーのプロプライエタリでクローズドなものがあることは好ましくないと考えているが、ひいき目にみてもVideo/Audio＋CanvasタグではFlashには適わないと思える点がある。 奇しくも、GoogleがChromeにFlashを正式サポートすることを発表したが、これまで脱Flashへ向かうものと思っていたのでちょっと驚きである。これはAppleを睨んでの戦略的・政治的な決定であると思うが、そんな泥臭い話とは切り離して、Flashの方がHTML5より技術的に遙かに優れていると僕が感じている点を敢て以下に挙げてみた。 コンパクトなデータ表現 SWF中にはタイムラインベースの静的なベクターグラフィッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
5509.me
iOSのSafariがWebSocketに対応したので、WebSocketRemote for iOSを作りました (Kanasansoft Web Lab.)
IBM Developer
