読者です 読者をやめる 読者になる 読者になる

webhack / 猫とウェブ技術が好き

javascriptやcssやHTML5とかサーバーサイドの技術やプロジェクトマネジメントとかウェブに関するマーケティングとかWEBを取り巻く全般を好きに書くブログ

オープンソース

ブラウザで動作するシンプルなチャット「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/…

「javascript-in-one-pic / JavaScriptを一枚で学習する」が進化してた

1週間ほど前に記事に書いた"javascript-in-one-pic"が進化していたので再度紹介です。

シェルスクリプトでパスワード管理を安全かつ簡単に "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…

130種類以上!WEBフレームワーク/ブランド/アプリのSVGアイコン "SVGPORN"

Font-AwesomeにはWEBのアプリ/フレームワーク/ブランドのアイコンが100種類以上登録されていますが、"SVGPORN"にはSVGでアイコンが100種類以上、登録されています。ライセンスはCC0 1.0 Universal。著作権なしです。全てSVGファイルですのでどんなサイズで表…

Googleの人工神経ネットワークが書いた「あの絵」を作れるオープンソース"cnn-vis"

Googleが機械的に書いた絵が(芸術的だ|怖すぎる|未来を感じる)と話題になりました。元記事:Research Blog: Inceptionism: Going Deeper into Neural Networks"cnn-vis"はPythonを使ったCNNs(畳み込みニューラルネットワーク)で画像生成ができるオープンソー…

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

メジャーに使われているアイコンフォントと、最近登場したアイコンフォントを中心に紹介していきます。アイコンフォントを使うとフォントファイルと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…

JavaScriptを一枚の画像で学習する。javascript-in-one-pic

FreeMind?で書かれたJavascriptの基本を学習するツリーマップ画像です。とにかく縦に長い画像です。coodict/javascript-in-one-picgithub.com 最近、githubでawesome-*のように1つの技術を体系的にまとめられた昔風に言えばリンク集が人気です。javascript-…