ITエンジニア/デザイナ向けにオープンソースを毎日紹介

過去分はこちら。

今月はWeb系のソフトウェアのみが揃っています。

opentype.js - 既存のフォントをちょっと変更。JavaScript製のOpenType/TrueTypeフォントパーサー

フォントをイチから作るのは大変です。日本語フォントはもちろんのこと、英語フォントにおいても多数の文字をデザインしなければなりませんし、それが統一されたデザインになっている必要があります。そこで使ってみたいのがはopentype.jsです。opentype.jsは既存のOpenType/TrueTypeフォントのパーサーです。opentype.jsはフォントをパースしてそのデザインを自由に変更できます。全体に対して同じように変更を施せば、デザインとしての統一性は保たれることでしょう。既存のフォントで試したら思わぬ良いデザインに出会えるかも知れません。

HTML5 Bombergirl - HTML5製のボンバーマン

最近のゲームはやり方を覚えるまでにそれなりに時間がかかります。そのため、時間がない人は遊びたくともなかなかできません。その点、昔ながらの古典的ゲームであれば操作もシンプルですぐに遊べます。今回は昔懐かしいボンバーマンをWeb上で再現したHTML5 Bombergirlを紹介します。シングルプレイとマルチが選べます。シングルの場合は矢印キー、マルチの場合はASWDキーを使います。

Luxbar - CSS3だけで実装されたレスポンシブなナビゲーションバー

JavaScriptが高機能になり、有効であるのが当たり前になるとちょっとしたアクションであってもJavaScriptで実現したくなります。しかし無効になっている場合やブラウザ間の動作誤差によってうまく動かない場合もあるでしょう。そういった不具合を防止するにはスタイルシートだけで実装するのがベストです。今回はCSSだけでナビゲーションバーを実装したLuxbarを紹介します。Luxbarはよくあるナビゲーションバーですが、CSSだけで実装した点が驚きです。CSS3を使っていますが、JavaScriptが無効であっても動作します。モダンなWebブラウザであれば問題なく動作するでしょう。

以下はプレミアムのみです。

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2