40 Tools for HTML5 Developers - Web Development & Technology Resources
HTML5 has finally gotten its standard declared complete by the W3C committee. It’s pretty big news – considering how many years developers had to wait for this standard to be complete – you can follow-up on the announcement in this TechCrunch post. I’m pretty pleased with how HTML5 is progressing, and I can’t wait for major browsers to start supporting some of the undiscovered HTML5 gems. We inter
Phaser - A fast, fun and free open source HTML5 game framework
Open Source HTML5 Game Framework For over a decade, Phaser has enabled developers of all skill levels to create games for the web. Phaser Editor Phaser Editor enables you to visually create Phaser games. Instead of entering numbers in your code to position Game Objects, you can drag and drop them into place, tweak their animations, adjust their physics bodies, enable special effects and more. It's
ブラウザとMIDIの出会いが拓くWebとMusicの新しい世界「HTML5 Conference 2013」
ブラウザとMIDIの出会いが拓くWebとMusicの新しい世界「HTML5 Conference 2013」 馬場 美由紀（HTML5 Experts.jp編集部） Web MIDI APIはWeb Audio APIと並ぶ音楽系のAPIです。あまり馴染みのないMIDIですが、Web MIDI APIを使うことであらゆる電子楽器とブラウザの接続が簡単にでき電子楽器からブラウザ上のアプリケーションを操作、また逆に、ブラウザ上のアプリケーションから電子楽器を操作することが可能です。 「HTML5 Conference 2013」では、MIDIの基礎、Web MIDI APIの概要、また10月末に発表された音声合成技術について、AMEI Web MIDI WG/ヤマハ株式会社の河合良哉氏が紹介。ハードウェアに搭載したLSI「NSX-1」を1ボードに収めた「eVY1 SHIELD」を使ったデモアプ
OpenFL - Creative expression for desktop, mobile, web and console platforms
Desktop, mobile, and web. From enterprise applications to best-selling games, your creativity can be expressed with OpenFL. Publish to native C++ on desktops, phones, or tablets, or deploy to the web with JS and WebGL. Do it all using one seamless toolset. Get Started » Download » Familiar. Easy-to-use. OpenFL implements the Flash Player API, but goes everywhere that browser plug-ins cannot. Use a
このJavaScriptフレームワークでHTML5は救われるかもしれない | readwrite.jp
HTML5はウェブ・ページをアプリのように動かし、そしてFlashに取って代わるはずだった。しかしパフォーマンスの問題で、アプリ開発者のHTML5導入は遅れてしまっている。 Famo.us社はこのギャップを埋めるためにスタートした小さな会社だ。同社は2Dと3Dの両方のエフェクトを高速表示するため、HTML5の遅延要素を本質的に回避する独自のフレームワークを開発した。このFamo.usによって、開発者はHTML5のパフォーマンスの問題に苦しむことなく、より短期間でクロスプラットフォームのアプリを開発することが可能となったのだ。 Famo.usの秘密はJavaScriptを利用していることだ。JavaScriptは極めて高速に動作し、既にあらゆるブラウザで広く使われている。Flashとは異なり、ブラウザ・プラグインをユーザーがダウンロードしたり、ブラウザメーカーがそれをサポートする必要もない。
HTMLBook仕様とCSS Books仕様標準化の動き、「CSS書籍組版」セミナー | CSS組版ブログ
【追記2013-10-19】プレゼン公開：「CSS組版の今とこれから」 【追記2013-12-10】関連記事：CSSによる本作りの未来を占う―HTMLBookとはどのようなものか？ 果たして普及するだろうか？(電子書籍、電子出版のCAS-UBブログ) 10月18日、FormatterClub「CSS書籍組版」セミナーですでした。 ☞FormatterClub「CSS書籍組版」セミナーご案内（無料セミナー） さて、「CSS書籍組版」の世界の動きがこのごろ活発です。そのことを紹介します。 HTMLBook (オライリー) 米オライリー社は、書籍組版（PDF出力）にAH Formatter (CSS)を採用してますが、従来、DocBook XML形式から電子書籍用(X)HTMLとPDF用に変換していたのを、HTML5を入力（オーサリング）と出力の両方に利用する「HTMLBook」というフォーマッ
NHKのネット連携テレビ規格「Hybridcast」はHTMLと密接に関わっている | スラド IT
NHKが先日「Hybridcast」という、ネットと連携できるテレビ規格を発表したが（AV Watch）、このHybridCastではテレビ画面全体がHTMLでマークアップされた画面上に表示されるという構造になっているらしい（HTML5 Experts.jp）。 たとえばTV番組上にニュースなどが表示される画面では、TV番組が1920×1080サイズのObject要素としてレンダリングされ、その上にCSSで座標などが指定されたdiv要素が配置される、といった形で実現されているという。また、リモコンの操作はキーボードイベントとして扱われ、非同期のデータ取得にはXMLHttpRequestが使われるなど、ほぼHTML5での実装になっているそうだ。 対応ハードにはWebブラウザを実装する必要があるが、制作側はWebのノウハウを流用できるので作りやすそうだ。これならニコニコ動画のような、TV画面上
Webアニメーションを高速化するために知っておくべき10のこと（後編）
Webアニメーションを高速化するために知っておくべき10のこと（後編） 斉藤 祐也（株式会社リッチメディア） 前編から引き続き、後編でも最適化のために知っておきたいレンダリングプロセス、計測方法、そして最適化を妨げるよくあるアクシデントとその回避方法について紹介していきます。 アニメーションを高速化するために知っておきたいレンダリングプロセス ブラウザがどのようにウェブサイトを表示しているのかを知ることは、アニメーションだけに限らず、Webのパフォーマンス全体の高速化を行うために大切なステップです。 イスラエルの開発者であるTali Garsiel氏が公開した『How Browsers Work』は、HTML5 Rocksに転載され、複数の日本語訳も提供されている、ブラウザの内部動作を学ぶために読んでおきたいリソースの1つです。 そのリソースを参考に、レンダリングエンジンのメインフローにつ
Webアニメーションを高速化するために知っておくべき10のこと（前編）
Webアニメーションを高速化するために知っておくべき10のこと（前編） 斉藤 祐也（株式会社リッチメディア） アニメーション／トランジションは身の回りに当たり前にあるものです。 むしろ普段の生活では「0」が「1」に変化するものの方が珍しいでしょう。 アニメーション／トランジションはデジタルなWebに対して自然な変化を提供する大切なツールです。 今回はそんなアニメーション／トランジションをより自然にスムーズに動作させるために知っておきたいことを前・後編の2回に分けて紹介していきます。 アニメーションを高速化する理由 アニメーションは先ほど書いたように普段の生活にも存在しています。だからこそ、我々はスムーズではないアニメーションを見つけるのが得意です。 アニメーションに限定した話ではありませんが、FacebookのShane O’Sullivan氏が、ページロード後のレンダリングパフォーマンス
HTML5のSEO－マークアップで注意すべき３つのポイント
HTML5を採用したWebサイト構築をする際に、SEOはどのようなポイントを考慮すべきなのか？ HTML5でのマークアップ、リッチ表現、SEO効果のあるh要素の使い方、HTML5で追加・削除・復活された要素などについて解説します。 HTML5化によるSEO効果の影響はあるか WebサイトをHTML5でマークアップをする際、特にHTML4などからHTML5にリニューアルする場合に、それによって検索エンジンによる評価が変化するのかどうかは非常に気になる問題です。 各検索エンジンでは、この疑問について公式に説明しています。GoogleはHTML5化することでプラスにもマイナスにもならないと度々公式に言及していますし、Bingは「List of things you really ought to know as an SEO today(今SEOとして本当に知っておきたいこと)」と題した記事の中
Workless | An open source HTML, CSS & JS framework for developing front-end web applications faster.
Getting started. Start by downloading the latest version from Github. You can download the .zip directly, or alternatively, clone the repo. // clone github repo to your locally directory git clone https://github.com/iKreativ/Workless.git This will download the entire source for the framework including this sites HTML file as an example. Next, either start with the base HTML file included with the
もう、Webはブラウザという制約に縛られなくていい ─ ＠IT
えーじ 2012/7/10 10年前、旅行先で道に迷わず目的地に辿り着くのがこんなに簡単になるなんて思わなかった。スマホとHTML5が、Webを自由に解き放つ まずは、食事のシチュエーションというUXの話から 唐突ですが、あなたはレストランでアルバイトをしたことがありますか？ 経験のある方なら、分かるかもしれませんが、レストランでアルバイトしていると、賄いで食事を出してもらえる場合があります。もちろん、お店によるので、一概にいえませんが、ちょっとしたファミレスでも、通常、顧客に出すものとほぼ同じ料理を食べられます。 そのとき、味はどうだったでしょう？ 1000円以上の価値があるものを無料で食べられるのだから、店によっては、実にうらやましい話だろうと思いきや、筆者の場合、そうでもないという感想を持った経験があります。 確かに、同じ料理なのですが、いわゆるバックヤードと呼ばれる従業員専用の、お
Liveweave HTMLエディター
Initializing... Liveweave expand_more home Home data_object CSS Explorer arrow_outward Palette Color Explorer arrow_outward Polyline Graphics Editor arrow_outward outbox_alt Generative AI arrow_outward build Tools expand_more restart_alt Load base template post_add Generate Lorem ipsum... code Format HTML code_blocks Format CSS data_object Format JavaScript library_add Library expand_more AAlgolia
SYNODOS JOURNAL : アップル vs. グーグル vs. フェイスブック ―― HTML5が切り開く未来 小林雅一
2012/7/39:0 アップル vs. グーグル vs. フェイスブック ―― HTML5が切り開く未来 小林雅一 フェイスブック（Facebook）は6月7日、App Centerの開始を発表した。ユーザーはトップ画面に表示されるメニューからアクセスし、ユーザーの関心事や過去のアクティビティをもとにパーソナライズされたアプリが紹介されるようになる。また、6月12日にはグーグル（Google）がChrome Web Storeにオフラインで使えるアプリ専用のコーナーを開設、ChromeがOSにまた一歩近づいたといわれている。 世界中に9億人のユーザーを持つ世界最大のSNS、フェイスブックが仕掛けるアプリの販売プラットフォームApp Center。あるいは、MacOSでもWindowsでもLinuxでも、Chromeが動いていれば共通のアプリケーションが実行できる、つまりはChromeのプ
HTML5か、ネイティブアプリか、ハイブリッドか、それが問題だ
HTML5か、ネイティブアプリか、ハイブリッドか、それが問題だ：Open Mobile Summit London 2012（1/2 ページ） ワンソースでさまざまなプラットフォームに対応でき、アプリストアからのコミッションも回避できるHTML5が注目を集めている。しかしHTML5にもコスト面や開発面の課題があり、ハイブリッド戦略を検討する企業が増えているという。 ワンソースでさまざまなプラットフォームに対応できることから、“モバイルアプリの救世主”として期待されるHTML5。だが、モバイルの世界でアプリといえば、現状では「AppStore」「Google Play」などのストアを通じて提供されるネイティブアプリが主流となっている。今後、HTML5は、モバイルアプリの分野でどのような役割を担うようになるのか――。 英ロンドンで開催された「Open Mobile Summit 2012 Lo
Qual è la migliore tecnologia per i casinò online - Casino slot online software
Esistono molte tecnologie diverse che possono essere utilizzate per i casinò online. Ogni tecnologia ha i suoi vantaggi e svantaggi, quindi è importante scegliere quella giusta per le tue esigenze. Alcune delle tecnologie più popolari includono Flash, Java e HTML5. Flash, Java e HTML – che cos’è e perché viene utilizzato per i casinò online? Flash è una tecnologia popolare per i casinò online perc
HTML5の｢コンテンツ・モデル｣と｢カテゴリー｣を理解してマークアップするためのまとめ | Mnemoniqs Web Designer Blog
PCサイトのコーディングではまだまだHTML4で行うことも多いですが、最近ではスマートフォンの案件も増え、HTML5でマークアップする機会が多くなってきました。 先日の記事、「うやむやにしていたHTML5の文書論理構造をきちんと考えてみる」では基本的な文書論理構造のフローチャートを載せました。今回はHTML5をマークアップするうえで無視できない『コンテンツ・モデル』について、自分の理解を深める意味でも、改めてまとめてみようかと思います。 目次 『コンテンツ・モデル』を理解する必要はあるの？ 『コンテンツ・モデル』って一体なに？ 『コンテンツ・モデル』の主要カテゴリー 注意！「カテゴリー」＝『コンテンツ・モデル』ではない 『コンテンツ・モデル』をもとにしたタグの配置ルール トランスペアレント・コンテンツとは？ まとめ 『コンテンツ・モデル』を理解する必要はあるの？ HTML4でマークアップし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
押井守氏が“電子書籍”初監督、「Adobe Edge Animate」でHTMLアニメ化 
第二回全国統一 HTML5実力テスト - jsdo.it - Share JavaScript, HTML5 and CSS
HTML5 Now on Wix | Create a Free Website with Wix.com