JavaScript– tag –
-
Photoshop風のルーラーとガイドをWebページに表示する「RulerGuides.js」
「RulerGuide.js」は名前から想像できるように、Photoshop風のルーラー(定規)とガイドをWebページに表示することができるJavaScriptライブラリ(GitHub)。 キーボードショートカットを使ってルーラーやガイドの表示・非表示を切り替えることができます。操... -
遊びながらJavaScriptの勉強ができるゲーム「JSWarrior」
「JSWarrior」は遊びながらJavaScriptの勉強もできてしまうブラウザゲーム。自機を操作するために、普通のゲームのようにキーボードやジョイスティックを使うのではなく、JavaScriptのコードを書いて操ります。 これが実際のゲームプレイ画面。ターン制(?)... -
リアルな雨粒を再現するJavaScript「rainyday.js」
「rainyday.js」は窓ガラスに付着する雨粒をリアルに再現するJavaScript(作成者のブログ、Hacker News)。 雨粒の大きさとか、流れ落ちる速さなどを自由に調節することができるようで結構リアルに表現されています。効果の呼び出し方は次のようにengineを初... -
フォーカスの遷移をかっこ良く表現するJSライブラリ「Flying Focus」
「Flying Focus」はWebページのフォーム部品のフォーカスの遷移をわかりやすく表現してくれるJavaScriptライブラリです。 動画をみれば理解しやすいですが、言葉で説明すると、タブキーを押したタイミングで部品から部品へフォーカスのボーダー(枠)が移動... -
Linuxが動くOR1000のJavaScriptエミュレーター「jor1k」
「jor1k」はJavaScriptで書かれたOpenRISC 1000エミュレータ(Hacker News)。このエミュレータのデモサイトでは、なんとブラウザでLinux 3.11が動いています。 サイトを表示してしばらく待ち、Enterを押すとコマンドプロンプトが表示されます。unameを実行... -
美しいデザインのjQueryカレンダープラグイン「CLNDR.js」
「CLNDR.js」はカレンダーを表示するためのjQueryプラグイン。他のカレンダープラグインと違って直接マークアップを生成せず、Underscore.jsのHTMLテンプレートを使うところが特徴のようです。 基本的な呼び出し方 clndr()を呼ぶだけですが、テンプレート... -
Twitter Bootstrapを使ったシンプルなwysiwygエディタ「bootstrap-wysihtml5」
「bootstrap-wysihtml5」は、Twitter Bootstrapとwysihtml5(オープンソースのHTML5ベースのテキストエディタ)を組み合わせた、シンプルで美しいwysiwygエディタです。 実際に使用するのも簡単でtextareaに対して以下のように指定するだけ。 $('.textarea')... -
JavaScriptフレームワーク「Ember.js 1.0」リリース
JavaScriptで作られたMVCフレームワークEmberの最新版「Ember.js 1.0」がリリースされています(リリースノート)。 Emberのコア部分だけじゃなくて周辺ソフトウェアの開発も進んでいるようです。 Ember App Kit: テスティングフレームワーク、Grunt task、s... -
高速化＆安定化した新世代のIDE「Light Table 0.5.0」リリース
PythonやJavaScriptなどをサポートした先進的なIDE「Light Table 0.5.0」がリリースされています(公式ブログ、過去の記事)。OS X、Windows、Linux用の実行ファイルがダウンロード可能。 バージョン0.5.0は、これまでのバージョンに比べ、より高速になり、... -
8ビットゲーム機風のサウンドライブラリ「8Bit.js」
「8Bit.js」はJavaScriptで作られたサウンドライブラリ。 こんな感じで、軽快な8ビットゲーム機風(ファミコン風)のサウンドを鳴らすことができます。 piano.note('C4', 'quarter'); piano.note('D4', 'quarter'); piano.note('E4', 'quarter'); piano.note... -
JavaScriptが動くハードウェア「Tessel」
「Tessel」はJavaScriptが動くマイコンボード。現在開発中のようですが、以下のような簡単なJavaScriptコードでランプを点灯させることができるみたいです。 $ npm install hardware -g $ tessel shell > var tessel = require('tessel') > tessel.led(1).... -
直感的にDOMを操作できるJavaScriptライブラリ「HTML.js」
「HTML.js」は直感的で読みやすいDOM操作用のJavaScriptライブラリです。 例えば、HTMLのタグの名前を使ってDOMの要素にアクセスすることができるのでとても分かりやすいです。例えばこのような感じ。 HTML.body.header; // returns header element. HTML....
