HTML5– tag –

「Glypher」はHTML5製の無料フォントエディタ。Webブラウザから使えるお手軽さにもかかわらず、かなりの完成度を誇っています(GitHub)。 Glyphrの最大の特徴は、一つのHTMLをダウンロードし、それをChromeで開くだけでフォントデザインが可能になること。...

1週間に1個ゲームを作るプロジェクト「LessMilk」を実行中の開発者が、Flappy BirdをHTML5とPhaserで作る方法を解説しています(How to make a Flappy Bird in HTML5 with Phaser)。 チュートリアルの対象者は、「JavaScript」と「Phaserフレームワーク」を...

「LessMilk」はHTML5のゲームを一週間に一個ずつ作っていこうという個人プロジェクトサイト。作者のThomasさんは開発者/ゲーマーとして以前からゲームを作ってみたかったそうですが、実際は作った経験がなく、この状況を変えるために一念発起して公開プロ...

「PuzzleScript!」はHTML5で作られたパズルゲーム専用のゲームエンジン(Hacker News)。特に倉庫番のようなタイルベースのゲームが得意で、そのたぐいのゲームは簡単に作ることができるみたいです。 サイトトップの「Make A Game」ボタンをクリックすると以...

HTML5のCanvasとJavaScriptで、映画「Matrix」の緑の文字がふってくるアニメーションを再現したものが公開されています(Matrix rain animation using HTML5 canvas and javascript、Reddit)。 Redditのコメント欄でもつっこまれてますが、流れてくる言葉が...

「HTML5 device mockups」を使えば、iPhone、iPad、iMac、MacBook Proなど各種の人気デバイスに簡単に自分のコンテンツを埋め込む事が可能になります。例えば画面の中にWebサイトを組み込んだり、スプラッシュスクリーンを入れたりして使えそうです。 デモ...

ブログ「World Simplest HTML5 WYSISYG Inline Editor」にて、世界一簡単な(と主張している)HTML5を使ったブラウザ埋め込み型WYSISYGエディタの実装が公開されています。 上は実際のエディタの画面で、ここから動かしてみることができます。とても簡単なコ...

HTML5 の Canvas 2D の機能を使ったデモ「HAIR」が公開されています(GitHubにも)。 マウスポインターの位置にドライヤーがあるイメージで、いろんな方向に髪の毛をふきとばすことが可能。HTML5ってなんでもできるんですね(汗。風量や髪の毛の色は右上のオ...

「Visualising CSS selector matches」はCSSの効きをカッコよく表示してくれるサイトです(作者の解説)。 使い方は簡単で、画面左上のテキストボックスに解析したいサイトのURLを入力するだけ。 しばらく待つと画面左側にサイトが、画面右側にCSSが表示され...

AdobeよりオープンソースのWeb用コードエディタ「Brackets Sprint 23」がリリースされています(Brackets Blog、窓の杜)。 HTML/CSS/JavaScript用の開発ツールで、Mac用/Windows用のバイナリが準備されています。 ブログなどによるとSprint 23 Buildのトピ...

Intelより無料で利用できるHTML5用の統合開発環境「Intel XDK」が公開されています。要Java+Chrome。 PublickeyによるとARM勢に押されがちのMobileプラットフォールに対抗するための戦略的開発環境のようです。ネイティブアプリよりHTML5が流行ったほうがI...

HTML5/JavaScript/CSSで作られた「Spirograph」がCodepenで公開されています。 右側の「スピード」、「サイズ」をいじればいろんな模様を描くことができます。スピードを上げると目が回ります(汗 ちなみに、スピログラフは、曲線の模様を描くためのおもち...