要素をレンガ状に並べるライブラリ・「MASON.JS」 MASON.JS MASON.JSは要素をレンガ状に隙間なく並べてくれるライブラリです。jQueryに依存しています。余白を完全に埋める、という目的で作ったみたいですね。圧縮版で4KBほどなのも嬉しいです。 MASON.JS2013.06.30 | 18時55分42秒
地図用に作られたマーカーアイコンのセット・「Maki」 Maki Makiはマップ上に表示させるマーカー用に作られたアイコンのセットです。電車やレストラン、ガソリンスタンド、駐車場や病院など、よく使われるアイコンが揃っています。Makiはオープンソースプロジェクトで、BSDライセンスの元で...2013.06.28 | 12時08分37秒
オープンソースのGithubクローン・「GitPrep」 GitPrep GitPrepはOSSのGithubクローンです。Perlで出来ているようで、ライセンスもPerlと同じもの(Artistic LicenseおよびGPL)だそうです。UIも良く似ていますね。動作サンプルがありますので...2013.06.25 | 11時08分43秒
シンプルさを重視したOSSのCMS・「Anchor」 Anchor Anchorはシンプルさを重視したオープンソースのCMSです。必要最低限の機能だけ搭載されており、他は自分でカスタマイズする、というもののようですね。動作環境はPHP 5.3.6+、MySQL 5.2+です。 ...2013.06.21 | 13時06分15秒
CSSライブラリをコレクションしている・「CSSDB.co」 CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...2013.06.12 | 12時40分17秒
LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」 Prepros PreprosはLessやSass、Coffeescript等のファイルを監視し、変更があった際に自動でコンパイルしてくれるWindows用のソフトウェアです。CodeKitほど高性能では無いにしても、割と似たようなも...2013.05.22 | 10時25分19秒
レスポンシブWebデザイン対応のWebサイトを構築する為の軽量フロントエンドフレームワーク・「skel.js」 skel.js skel.jsはレスポンシブなWebサイトを構築する為のフロントエンドフレームワークです。19kbと、なかなか軽量で内容も充実した印象でした。使い慣れれば便利そうです。ライセンスはMITとGPL。 skel.js2013.05.21 | 11時58分50秒
作成したフォントをパブリックドメインで公開・「ドットコロン」 ドットコロン ドットコロンは、作成したフォントをパブリックドメインで公開、配布してくれている日本のWebサイトです。欧文フォントではありますが、どれも綺麗で使いたくなりますね。勿論Webフォントとしても利用させて貰えます。 ドッ...2013.05.01 | 13時23分18秒
JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」 Editr Editrは、ブラウザでJavaScriptやHTML、CSSを動作確認出来るオープンソースのソフトウェアです。jsfiddleライクな環境を作成出来ますが、ユーザー登録、保存、Gist等に送るなどの機能の無い、シンプルな...2013.04.30 | 10時33分32秒
CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」 CSS Front-end Frameworks with comparison CSS Front-end Frameworks with comparisonは様々なCSSフレームワークの持ち合わせている機能を一目で確認出来る一覧...2013.04.12 | 12時40分32秒
難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」 Online javascript beautifier Online javascript beautifierは難読化、圧縮化されたjsコードをインデントして綺麗にしてくれるツールです。OSSとしても公開されています。 On...2013.02.21 | 18時59分37秒
ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」 Mothereffinanimatedgif Mothereffinanimatedgifはドラッグ&ドロップでアニメーションgifを作成出来るジェネレーター。中央にgifアニメに使いたい画像をドロップしていけばアニメーションgifが...2013.02.21 | 18時26分22秒
Fireworksライクなモックアップ作成ツール・「Stylo」 Stylo StyloはFireworksっぽいUIのモックアップ作成Webツール。現在はCWebkitのみ対応。Githubでもソースが公開されています。 Stylo On github2013.02.20 | 0時54分09秒
CSSからLESSへ変換・「Css2Less」 Css2Less Css2LessはCSSをLESS形式に変換してくれるツール。OSSとしても公開されています。Rubyを使って動かしてるみたい。 Css2Less2013.02.20 | 0時26分46秒