JavaScript– tag –
-
インタラクティブなモックアップを作成することができるプロトタイピングキット「Framer.js」
「Framer.js」は実際に操作することができる、インタラクティブな(モバイルアプリやスマートフォン対応サイトの)モックアップを作成するためのプロトタイピングツールです。 Framer.jsの実体はJavaScriptフレームワークですが、Framer Generator.appと呼ば... -
JavaScriptの等号比較を完璧に理解できるグラフ「Equality in JavaScript」
JavaScriptには、「==」(等価演算子)と、「===」(厳密等価演算子)が存在していて、慣れないうちは(慣れても?)混乱するかもしれません。 そんなときに使いたいのが「Equality in JavaScript」です。等価演算子(Loose equality)で、どれとどれの比較がtrueに... -
O'REILLYの技術書「Speaking JavaScript」が無償公開
O'REILLYのJavaScript入門書「Speaking JavaScript」のWeb版が無償公開されています。 プログラマーからJavaScriptの経験の少ないプログラマーに向けて書かれた本で、簡潔で素早くJavaScriptをマスターすることを目的としているということ。 最近のJavaScr... -
「LessMilk」の中の人が「Flappy Bird」クローンの作り方を解説
1週間に1個ゲームを作るプロジェクト「LessMilk」を実行中の開発者が、Flappy BirdをHTML5とPhaserで作る方法を解説しています(How to make a Flappy Bird in HTML5 with Phaser)。 チュートリアルの対象者は、「JavaScript」と「Phaserフレームワーク」を... -
やみつきになるiOS用人気パズルゲームThreesのブラウザ版「ThreesJS」
最近世界的に人気がでてきているiOS用の人気パズルゲーム「Threes!」のブラウザ版「ThreesJS」が公開されていました(Hacker News)。 Threes!は3の倍数になるようにパネルを揃えていくという、単純ながらやみつきになるゲーム性が特徴のパズルゲーム(ゲーム... -
CSSとJavaScriptで作られたカウントダウンタイマー「Flippin’ 3D Countdown」
空港などで見かける、数字がパタパタとめくれるカウントダウンタイマーを、CSSとJavaScriptで実装した「Flippin’ 3D Countdown」が公開されています(作者ブログ)。 カウントダウンタイマーは、ラッパー、上側に2つのパート("current"と"next")、下側に2つ... -
ビューティフルなレイボーテキストを表示できる「Unicorn.js」
「Unicorn.js」はテキストをレインボーの色に光り輝かせることができるjQueryプラグイン。画像だと止まっていますが実際はアニメーションで表示されます。オンラインデモで確認してみてください。 Webサイトのちょっとしたアクセントに使えるかもしれませ... -
【バレンタイン】ギーク系女子にオススメのJavaScript「I love you」
本日はバレンタインということで、それにちなんだJavaScript「I love you」を紹介したいと思います( -
スクロールにあわせてアニメーションを表示できるライブラリ「WOW.js」
「WOW.js」は、ブラウザのスクロールに合わせて様々なCSSアニメーションを画面に表示することができるJavaScriptライブラリです(GitHub)。 デフォルトではanimate.cssで定義されているアニメーション効果を呼び出すことができますが、変更することも可能。... -
シンプルなカウントアップライブラリ「countUp.js」
「countUp.js」は文字をカウントアップする様子をアニメーションで表示することができる、シンプル軽量なJavaScriptライブラリです(GitHub)。 開始値、終了値、桁数、アニメーション時間などを指定して、start()メソッドを呼び出すだけで実行可能。 var de... -
JavaScript学習のためのまとめサイト「 JavaScript The Right Way」
良質なJavaScriptコードを書くためのまとめサイト「JavaScript The Right Way」が公開されています。JavaScript初心者の入門用として、または経験者のベストプラクティスとして活用できる情報がたくさん集まったサイトです。 目次をみると「Getting Starte... -
リアルな話「WebKit.js」開発中
WebKitといえばSafariやChromeで使われている有名なHTMLレンダリングエンジンですが、これをJavaScriptに移植した「WebKit.js」がGitHubで公開され、話題になっています(GitHub、Hacker News、Reddit)。 ソースコードはEmscripten 1.8.2 on MacOSX in Xcod...
