ドラッグアンドドロップで表示を自在に組み替えられるjQueryプラグイン·Gridster.js MOONGIFT
Gridster.jsは自由にレイアウトが組み替えられるUIを提供するjQueryプラグインです。 Pinterestに感化されたのか、ブロックの高さを組み替えつつ表示するUIが流行っています。今回紹介するGridster.jsはそれに似ていますが、横幅も変更可能で、さらに自分でドラッグアンドドロップして並びが変更できるのが特徴になっています。 ドラッグして場所を移動できます。 こんな感じに並んだりもします。 Gridster.jsはjQuery製のプラグインになっています。使う最小のカラム数、行数を指定できます。使える場所としてはiGoogle的なウィジェットを自分で並び替えて表示する類のUIであったり、写真を表示したりするのに良いかも知れません。 Gridster.jsはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTは
JS/CSSを自動バージョン管理してキャッシュ効率を高める·gather-css-js MOONGIFT
gather-css-jsはJavaScriptやスタイルシートをまとめた上でキャッシュさせるライブラリです。 Webサーバの負荷を下げるためにキャッシュを使うのは効果的です。しかしあまり長い間キャッシュを使うようにすると実ファイルを更新してもいつまでもキャッシュを使うようになってしまいます。そこで使ってみたいのがgather-css-jsです。 デモです。最初の表示では全て同じ値（v=の後）です。 CSSを更新しました。vの値が更新されています。これでキャッシュが更新されます。 使い方です。PHPを使ってファイルを読み込み、結果として更新日時のタイムスタンプが返ってきます。 gather-css-jsが行っているのはRailsがサポートしているキャッシュ方式に近いものです。vに更新日時を入れることでファイルが更新されればパラメータの値が変わってキャッシュがリフレッシュされます。また複数の
これが決定版？フォルダを監視してCSS/JavaScript/HTMLを生成·Fire.app MOONGIFT
Fire.appはフォルダを監視してSass/Compass/CoffeeScriptを自動変換するソフトウェアです。 最近はCSS/JavaScript/HTMLをそのまま書くのではなくSassやCoffeeScript、Haml/Markdownを使ってそれぞれのフォーマットに変換するのが当たり前になってきています。そこで使ってみたいのがFire.app、自動ファイル変換ソフトウェアです。 起動します。 メニュー常駐型です。 設定画面です。 Growlを使った通知に対応しています。 Livereloadに対応しています。 履歴です。 フォルダを指定しました。 プロジェクトテンプレートを生成してくれる機能があります。 生成しました。後は修正すると自動的に別フォーマットファイルを生成してくれます。 Fire.appはSass/CompassからCSSを、Haml/ERB/Markdownか
すげえ！FlashLite1.1を解析してHTML5に変換·FlashForward MOONGIFT
ガラケーはFlashLiteに対応しており、多数のゲームが開発されてきました。そうした既存の資産を活かすべく開発されているのがFlashForwardです。iOS向けにFlashLite1.1からHTML5へ変換するソフトウェアです。 デモは多数用意されています。 アニメーションします。 SVGの他にCanvas阪も用意されています。 テキスト含めたアニメーションも可能です。 こういうゲーム系で活躍します。 陣取りゲーム風ゲームも再現できています。 こういうアニメーションはCanvasのが高速です。 指定した形を描きます。 日本語も使えます。 複雑なキャラクターも描けて、アニメーションもばっちりです。 左右に動いたりします。 バナーレベルは十分に使えます。 まさにゲーム用途にぴったりです。 FlashForwardでは予めSWFファイルを解析し、HTML5/SVGまたはCanvas/Jav
圧倒的な存在感。HTML5/CSS3/JavaScriptで作られたイラストレーションアプリ·Ghost Writer MOONGIFT
Ghost Writerは万年筆、マジック等をリアルに再現した絵描き用ソフトウェア。 Ghost WriterはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。HTML5は徐々に本格導入されつつあるが、まだまだ実験的なプロダクトが多い。だがプログラマーにとっては、今こそ遊べる状況だ。色々試し、遊ぶ中で新しい可能性を見いだすことができる。 ものすごくリアル 今まではローカルでしかできなかったような操作がWebベースで実現するようになっている。特にペイント系は面白い。そこで今回はGhost Writerを紹介しよう。 Ghost Writerは古めかしい紙のようなボックスにペンを使って書き込めるソフトウェアだ。驚くのはそのリアル感ある存在感だろう。万年筆、マジック、スプレーといったペン種があり、切り替えて絵を描くことができる。なお筆者環境では色を変えることはで
Webの体験を一歩未来に。OpenALをHTML5で実現する·WebAL MOONGIFT
WebALはWebブラウザで音楽を3D化する、OpenALをポーティングしたJavaScriptライブラリ。 WebALはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。ゲームにおいてグラフィックスと同じくらい欠かせない重要な要素が音だ。音楽によって臨場感を出したり、よりゲームの世界に入り込みやすくなる。特にFPSのような3Dゲームはそうだろう。 キーボードで複数の音を操作するデモ 音が単調に聞こえていたら興ざめだ。左右のどちらから音が聞こえるのかによって、よりリアルにゲームを楽しめるようになる。そのためのオーディオAPIであるソフトウェアとしてOpenALが知られているが、それをさらにJavaScriptにポーティングしたのがWebALになる。 元々のOpenALはOpenGLに似せてあるらしい。つまりWebALはWebGLに似せ、組み合わせて使う事が想
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
