webhack / ウェブ技術が好き

javascriptやcssやHTML5とかサーバーサイド等のウェブ技術全般を好きに書くブログ

オープンソース

ブラウザで動作するシンプルなチャット「hack.chat」(Node.js製)

チーム内でお手軽に使えるチャットツールってなかなかありませんよね。クライアントに新しくインストールするのも少し手間ですし。「hack.chat」はNode.jsで作られたブラウザで動作する本当にシンプルなチャットツールです。

ウェブページでマインドマップを見せるにはjsMindがベスト

jsMindはJavascriptで作られたマインドマップです。HTML5とCanvasを使っています。ライセンスは3条項BSDライセンスです。

Bootstrap + jQueryでレスポンシブ対応のカウントダウンするプラグイン

カウントダウンするプラグインはたくさんありますが、これはBootstrapで使うことを前提としたプラグインです。MITライセンスです。使い方は以下の通りです。分かりやすくて良いですね。 jQuery(window).load(function () { $('#countdown').countdown("2015/…

シェルスクリプトでパスワード管理を安全かつ簡単に "pwd.sh"

"pwd.sh"は1つのシェルスクリプトで動く対話型のパスワード管理ツールです。パスワードはgpg(GNU Privacy Guard)で暗号化されます。drduh/pwd.shgithub.comインストールはこれだけです。 $ git clone https://github.com/drduh/pwd.sh && cd pwd.sh $ sudo a…

ウェブ/アプリに使える今風アイコンフォントの紹介。

メジャーに使われているアイコンフォントと、最近登場したアイコンフォントを中心に紹介していきます。アイコンフォントを使うとフォントファイルと1つのCSSファイルで多数のアイコンを導入できるので便利です。 1. GLYPHICONS Bootstrapで使われているので…

アクセシビリティを見える化するJavascript "tota11y"

tota11yはウェブページのアクセシビリティを見える化するJavascriptで作られたツールキットです。MITライセンスで提供されています。 tota11y – an accessibility visualization toolkit by Khan Academykhan.github.io ウェブページ/ウェブブラウザの進化に…

小さくてシンプルなレスポンシブCSSフレームワーク「Skeleton」。Bootstrapに疲れた人はぜひ。

「Skeleton」はMITライセンスの軽量CSSフレームワークです。ページ内ではcsフレームワークではなくboilerplate (ボイラープレート)と説明されています。 小さくてシンプル=分かり易くて、使い易い。例えばランディングページやコーポレートサイトで最小限…

SlackのようなMeteor製オンラインチャット「Rocket.Chat」

MITライセンスで提供されているMeteorで作られたSlack風チャットツールです。オープンソースでこういう旬のツールのクローンが使えるのは嬉しいですね。 Rocket.Chat - Your own open source web applicationrocket.chat GitHubのURLをのせておきます。 Rock…