/** * The first commented line is your dabblet’s title */ background: #f06; background: linear-gradient(45deg, #f06, yellow); min-height: 100%; ✓ <!-- content to be placed inside <body>…</body> --> ✓ // alert('Hello world!'); ▶
The Awesomest Way to Create Even More Awesome HTML5 Games! Impact is a JavaScript Game Engine that allows you to develop stunning HTML5 Games for desktop and mobile browsers. I’ve tried four other JavaScript game engines, and this is the first one I’ve used that makes sense (…) Impact is the first truly professional-grade JavaScript and HTML5 game engine to hit the market. Game Developer Magazine,
第7回のHTML5とか勉強会で、羽田野さんにAudio Data APIを教えていただいて依頼、やりたかったことがあります。それは、AudioをWebSocketを使ってストリーミング配信すること。これが出来たので紹介します。 音声ストリーミングは、リアルタイム系のサービスの中では難しい部類の一つ。遅延がひどいと、自然なコミュニケーションが難しく、またネットワーク転送中にジッタ(データ到達間隔が揺らぐこと)が起きると、音がプツプツ切れたり間延びしたりと明らかに違和感が生じます。インターネットでは、厳密な意味でのQoS制御は困難ですので、どうしても遅延やジッタが生じますし、これらのパラメータはネットワーク転送だけでなく、サーバーークライアントでの実装ももろに効いてきます。 といったわけで、音声ストリーミングみたいなサービスがブラウザ+Javascriptだけで出来たら、結構嬉しいよな〜やりた
HTML 5 improves interoperability and reduces development costs by making precise rules on how to handle all HTML elements, and how to recover from errors. Some of the new features in HTML 5 are functions for embedding audio, video, graphics, client-side data storage, and interactive documents. HTML 5 also contains new elements like <nav>, <header>, <footer>, and <figure>. The HTML 5 working group
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにおいてA Minimal HTML Document (HTML5 Edition)のタイトルのもと、HTML5を使った場合の最小限のHTML記述の例とその意味を紹介している。同氏は以前、同じくSitePointにHTML 4.01およびXHTML 1.0の最小構成紹介を掲載しており、今回掲載された記事はその流れにつながるものとなる。掲載されているHTML5の最小構成例は次のとおり。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <link rel="stylesheet" href
Powering realtime experiences for mobile and webBi-directional hosted APIs that are flexible, scalable and easy to use. We create and maintain complex messaging infrastructure so you can build the realtime features your users need, fast. Bi-directional hosted APIs that are flexible, scalable and easy to use. Get started today and find out what you can build with Pusher
性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s
diggに33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articlesというエントリーが上がっています。これはCSS3に関するリソースのまとめですが、当然英語のみです。 そこで、いい機会なので日本語リソースをまとめてみました。 変形・アニメーション関連 CSS3で多分最も注目されていると思われる、変形・アニメーション関連のエントリー。まとまったエントリーはほとんどこのあたりに集中しています。 CSSでトランスフォーム 変形処理「transform」の基礎 CSS 3のアニメーション機能「Transitions」 CSS transforms の利用 safari4 betaで実装されたCSS Animationを使ってみました。 border-imageプロパティ 枠線に画像を設定できるプロパティについて 1枚の画像からサイズ可変な
By now, everyone knows about HTML5. Exciting stuff. Of course, there are two sides to the excitement. Most developers love it, others feel it has come too soon, and that we are not quite ready for it. Whatever your feelings are on this issue, it is here, so let’s work with it. In this post, we have collected as many helpful resources as we could on HTML5. As can be expected, the volume of tutorial
Google I/Oの基調講演で大きく取り上げられて以来、HTML 5に対する注目度は増すばかりだ。仕様に関する議論もWHATWGのメーリングリストで日々活発に行われ、ブラウザによる実装も着々と進んでいる。 本記事は、HTML 5の仕様や実装状況に関する現時点での最新レポートとして、実際に動作するサンプルを添えた詳細な解説をお届けするものである。HTML 5の仕様はまだまだ流動的であり、実装状況も刻一刻と変化しているが、HTML 5に対して強く興味を持っている方々に少しでも詳しい情報をお届けできれば幸いである。また、HTML 5で追加される各種の新機能について短時間で把握したい場合は、「5分で把握するHTML 5 - Google Developer Dayセッションリポート」という記事があるのでそちらもお薦めだ。 本特集は全2回から成り、前半となる今回では「HTML5 - HTMLとX
2009年5月末に米サンフランシスコで開催された開発者向けイベント「Google I/O」ではHTML 5が1つの話題だった。基調講演でグーグルは主要なWebブラウザで実装済みのHTML 5関連機能を紹介。WebアプリケーションのプラットフォームとしてHTML 5が確実に進化していることを印象付けた(関連記事)。 基調講演のデモンストレーションだけで“おなかいっぱい”だった私は、個別に行われたHTML 5関連セッションは(動画リンク)、念のためにその場にいただけ。講演が始まっても原稿執筆にいそしんでいた。もうHTML 5の解説は食傷気味。講演内容は上の空だった。 HTML 5の大きな機能追加といえばWebアプリケーションから利用できるローカルストレージや、スクリプトで生成・操作可能な2DベクトルグラフィックのCanvas、プラグインなしに動画プレーヤーを実現できるvideo/audioタグ
仕事でFlashを使ってるのですが、 最近こういう記事が目立つようになりました\(^_^)/ OperaのCEO:「HTML 5でFlashは不要になりつつある」:マーケティング - CNET Japan http://japan.cnet.com/marketing/story/0,3800080523,20393688,00.htm ウェブブラウザ企業Opera Softwareの最高経営責任者(CEO)であるJon von Tetzchner氏は、「HyperText Markup Language」(HTML)のバージョン5(HTML 5)が、Adobe Systemsの「Flash」技術を大部分において不要なものにするだろうと予想している。 GDD2009でFlashを考えてきた|_level0.KAYAC http://level0.kayac.com/2009/06/gdd2
Beginning HTML5 & CSS3 The Web Evolved: A new book on HTML5 & CSS3 by Richard Clark, Oli Studholme, Christopher Murphy and Divya Manian. Buy it now HTML5 DoctorHave a look at our sister site, HTML5 Doctor for news, views and tutorials about HTML5. With articles by Bruce Lawson, Remy Sharp and more. Visit HTML5 Doctor This site is licensed under a Creative Commons Attribution-Non-Commercial 2.0 sha
nobiさんが、HTML5を熱く語り始めた。 Web 2.0は、その時点で起きていた、インターネット関連のさまざまな新トレンドを、ゆるやかにひとくくりにして、名付けたものだが、 これに対してHTML 5は、 ITの世界を本気で変えようと、多くの企業や人々が集まって巻き起こしている革命だ。 [From nobilog2: 「HTML 5 > Web 2.0」の声かけ確認でITガラパゴス化を防ごう!] 昔からnobiさんが熱くなって騒ぐことは、たいがい流行る。早すぎて周りが理解できないこともあるのだが、今回は過去を反省して、さっそく乗っかることにした。 今はHTML5を公式にサポートしたSafari 4の製品版がMac版とWin版の両方で公開されたことで、HTML5がいきなり身近になったことは確かだ。Google Chrome 3.0、Firefox 3.5でもHTML5がサポートされるので、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く