インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販
HTML5のcanvasをもっと簡単に操作できる「KineticJS」:phpspot開発日誌
KineticJS - HTML5 Canvas JavaScript Library Framework HTML5のcanvasをもっと簡単に操作できる「KineticJS」 サンプルコード付きでサンプルが紹介されており、インタラクティブなコンテンツをHTML5で作る際に便利に使えそうです マウス位置に応じてフロアが強調表示されるようなデモ その他いろいろなデモがソースコード付きで公開されています。 その他ゲーム等も公開されています。 今後もこうしたライブラリが出てきそうですね 関連エントリ フルスクリーンでぼかしがカッコいいHTML5ギャラリーを作るサンプル HTML5で綺麗でインタラクティブなグラフが描けるライブラリ「Flotr2」 HTML5のブラウザ対応状況がサクッと分かる「HTML5 Please」
jdb.js - Indexed Database APIを使いやすくするフレームワーク - IT-Walker on hatena
jdb.jsというフレームワークを作りました。まだ開発に2日もかけてない（ドキュメント書くほうが大変だった(^^; ）ので、荒っぽいところも、機能が不足しているところもありますが、試しに実装してみたらかなり便利なものができたと思っているので、フライング気味に公開します。Indexed Database APIの使いにくさを知っている人なら、結構興味を持っていただけるんじゃないかと。 GitHubのリポジトリはこちらです。 以下、README_ja.mdから引用します。 jdb.jsは、W3C Indexed Database APIをより直感的に扱いやすくすることを目指したライブラリです。 名前の由来は、「IDB」(Indexed DB)をより使いやすく、ということで「JDB」(Jはアルファベット順でIの次の文字です）としました。 Indexed Database APIをそのまま利用する
HTML5による物理シミュレーション環境の構築 ～WebGLライブラリThree.js 入門（１／３）～
HTML5とWebGL 初めにHTML5の位置づけについて簡単に触れます。HTML5とはこれまでのWebページ作成言語で主流だったHTML4やXHTMLの後継言語のことで、 2008年に草案がまとめられ、2014年までにウェブブラウザ各社への正式勧告を目指して策定が進められています。 HTML5は 2012年1月でもまだ「草案」段階で、仕様も流動的な準備段階であるが、開発側からもユーザ側からも非常に注目が集められています。 その大きな理由の一つに挙げられているのが、iPhoneやAndroidなどのスマートフォンの台頭による情報端末の多様化への対応のためです。つまり、様々なWEBコンテンツのクロスプラットフォーム化への重要な貢献が期待されているからです。 というのもスマートフォンの登場までは、Adobe社が提供する FLASH が動画やオーディオなどが組み合わされたマルチメディアコンテンツ
HTML5でプログレスバー付きファイルアップロードを実現する例:phpspot開発日誌
Html5 File Upload with Progress On Matlus HTML5でプログレスバー付きファイルアップロードを実現する例 これまでの仕組みとは違う、HTML5のProgress Eventsを使って実装しています。 ブラウザのAPIで取れるようになるのでこれまでのハックっぽい実装法ではない方法で実装できます こういう機能が当たり前に使えたら楽だなと思いつつ、覚えることがどんどん出てきて大変だなぁという感じもしますね 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」
見落としがちなHTML5で変更された要素いろいろ
2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ ↑私が10年以上利用している会計ソフト！ HTML5の基本はここからお勉強！ 「ところでHTML5ってなに？」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基本について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ！ Webの3つの問題を解決する「HTML5」とは何な
HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」:phpspot開発日誌
mindmaps HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 マインドマップツールも色々ありますが、HTML5ベースで、インタフェースも結構イケてるツールの紹介。ソースのダウンロードも可能です。 項目をマウスオーバーすると赤い丸が出るのでそれをドラッグ＆ドロップでツリーをどんどん広げていけるインタフェースも使いやすいです。 マウスホイールでマインドマップ自体の拡大・縮小が可能で、細かいところにも配慮がされています。 Chromeであればサクサク動いて、本来の目的である思考に集中することができるでしょう。 ツリーの折りたたみなんかもできちゃいます。 ソースはこちらのgithubにてダウンロード可能
はじめてHTML5でコーディングする時に注意したいアウトラインとかいろいろ
先日このブログを HTML5 で作り直しました。その時に思った、HTML5 でコーディングするときの基本的な注意書きです。なので、HTML5 をこれからやってみようかなーという人向けです。canvas、video、audio などには触れていません。もっと基本の文章構造、アウトラインについての記事です。また、後半は実際に HTML5 でコーディングする時の tips になってます。 先日このブログ – Webデザインレシピを、HTML5で作り直しました。HTML5 … クライアントさんのページでは、まだ一度も使ったことがないし、勉強のためのサンプルはいくつも作ってみたんですけど、実際に運営しているページで試したいなーと思い、思い切って HTML5 にしました。 とりあえず作ってはみたものの、まだまだ分からないことだらけ。これから HTML5 でコーディングをする時に、とても大事だなーと思っ
HTML5 におけるアウトラインに関して簡単解説
HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは？ アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう
HTML5でPDFを描画するJSライブラリ「pdf.js」
pdf.js: Rendering PDF with HTML5 and JavaScript (Andreas Gal) HTML5 canvasで、PDFを読み込んで描画するJavaScriptライブラリ「pdf.js」が公開されています。 (英語) まだレイアウトが崩れてしまったり、動作が遅いですが、今後の開発が楽しみです。 ライセンスはBSDのようです。
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5でiPhone/Androidアプリケーションを作ろう！
各モバイルブラウザのHTML5対応度合いが表で分かりやすくまとめられた「Mobile HTML5」
創造力と遊び心がくすぐられるHTML5でつくられたウェブサイトのまとめ
HTML5のcontenteditable属性でコンテンツを編集→localStorageを使用して保存、の流れをjQueryで出来るようにする。みたいなやつ - かちびと.net
IBM Developer
HTML5.JP - 次世代HTML標準 HTML5情報サイト