HTML5– tag –
-
HTML5製のフォントエディター「Glypher」が凄い
「Glypher」はHTML5製の無料フォントエディタ。Webブラウザから使えるお手軽さにもかかわらず、かなりの完成度を誇っています(GitHub)。 Glyphrの最大の特徴は、一つのHTMLをダウンロードし、それをChromeで開くだけでフォントデザインが可能になること。... -
「LessMilk」の中の人が「Flappy Bird」クローンの作り方を解説
1週間に1個ゲームを作るプロジェクト「LessMilk」を実行中の開発者が、Flappy BirdをHTML5とPhaserで作る方法を解説しています(How to make a Flappy Bird in HTML5 with Phaser)。 チュートリアルの対象者は、「JavaScript」と「Phaserフレームワーク」を... -
一週間に一個HTML5ゲームを作るプロジェクト「LessMilk」
「LessMilk」はHTML5のゲームを一週間に一個ずつ作っていこうという個人プロジェクトサイト。作者のThomasさんは開発者/ゲーマーとして以前からゲームを作ってみたかったそうですが、実際は作った経験がなく、この状況を変えるために一念発起して公開プロ... -
パズル専用スクリプト「PuzzleScript!」
「PuzzleScript!」はHTML5で作られたパズルゲーム専用のゲームエンジン(Hacker News)。特に倉庫番のようなタイルベースのゲームが得意で、そのたぐいのゲームは簡単に作ることができるみたいです。 サイトトップの「Make A Game」ボタンをクリックすると以... -
映画「Matrix」の緑のヤツをHTML5 canvasとJavaScriptで再現
HTML5のCanvasとJavaScriptで、映画「Matrix」の緑の文字がふってくるアニメーションを再現したものが公開されています(Matrix rain animation using HTML5 canvas and javascript、Reddit)。 Redditのコメント欄でもつっこまれてますが、流れてくる言葉が... -
実機画面に簡単にコンテンツを埋め込める「HTML5 device mockups」
「HTML5 device mockups」を使えば、iPhone、iPad、iMac、MacBook Proなど各種の人気デバイスに簡単に自分のコンテンツを埋め込む事が可能になります。例えば画面の中にWebサイトを組み込んだり、スプラッシュスクリーンを入れたりして使えそうです。 デモ... -
世界一シンプルなHTML5 WYSISYG埋め込みエディタ
ブログ「World Simplest HTML5 WYSISYG Inline Editor」にて、世界一簡単な(と主張している)HTML5を使ったブラウザ埋め込み型WYSISYGエディタの実装が公開されています。 上は実際のエディタの画面で、ここから動かしてみることができます。とても簡単なコ... -
HTML5のCanvas 2Dを使った実験「HAIR」
HTML5 の Canvas 2D の機能を使ったデモ「HAIR」が公開されています(GitHubにも)。 マウスポインターの位置にドライヤーがあるイメージで、いろんな方向に髪の毛をふきとばすことが可能。HTML5ってなんでもできるんですね(汗。風量や髪の毛の色は右上のオ... -
CSSの効きをクールに表示するサイト「Visualising CSS selector matches」
「Visualising CSS selector matches」はCSSの効きをカッコよく表示してくれるサイトです(作者の解説)。 使い方は簡単で、画面左上のテキストボックスに解析したいサイトのURLを入力するだけ。 しばらく待つと画面左側にサイトが、画面右側にCSSが表示され... -
AdobeよりオープンソースのWeb用コードエディタ「Brackets Sprint 23」リリース
AdobeよりオープンソースのWeb用コードエディタ「Brackets Sprint 23」がリリースされています(Brackets Blog、窓の杜)。 HTML/CSS/JavaScript用の開発ツールで、Mac用/Windows用のバイナリが準備されています。 ブログなどによるとSprint 23 Buildのトピ... -
IntelよりHTML5用の統合開発環境「Intel XDK」
Intelより無料で利用できるHTML5用の統合開発環境「Intel XDK」が公開されています。要Java+Chrome。 PublickeyによるとARM勢に押されがちのMobileプラットフォールに対抗するための戦略的開発環境のようです。ネイティブアプリよりHTML5が流行ったほうがI... -
HTML 5で作られた「Spirograph」
HTML5/JavaScript/CSSで作られた「Spirograph」がCodepenで公開されています。 右側の「スピード」、「サイズ」をいじればいろんな模様を描くことができます。スピードを上げると目が回ります(汗 ちなみに、スピログラフは、曲線の模様を描くためのおもち...
12