DropboxやGoogle Driveのようなファイルストレージツールを構築する為のOSS・「Freehold」
Freehold Freeholdは任意のファイルを管理するツール構築のためのオープンソースソフトウェアです。軽量且つセキュアなファイル管理が可能との事。DropboxやGoogle Driveの代替ツールとして利用出来るように設計し...
Resource - MIT
Go製のミニマルで軽量なブログエンジン・「Journey」
Journey JourneyはGoで書かれたミニマルなブログエンジンです。OSSとして公開されています。使いやすく、軽量で高速なブログエンジンの設計を心がけているとの事。Ghostのテーマと互換性があるみたいなのでテーマの作成も割り...
SASSで構築された軽量なフロントエンド開発フレームワーク・「Penguin」
Penguin PenguinはSASSで構築されたフロントエンド開発の為の軽量スターターキットです。OSSとして公開されています。必要最低限のコンポーネントも揃えられており、RequireJS併用でモジュールの管理も可能との事。個人...
CSVをパースする為のスクリプト・「Papa Parse」
Papa Parse Papa ParseはCSVをパースするためのJavaScriptです。大きなファイルサイズにも対応可能でCSV⇔JSONでコンバートしてくれます。他、ローカルファイルを開ける、区切り文字の自動検出等が特徴として...
marked.jsを使ったシンプルなMarkdownエディタを実装する為のスクリプト・「Markdownify」
Markdownify MarkdownifyはシンプルなMarkdownエディタを実装する為のスクリプトです。jQueryに依存しています。シンタックス等はcodemirror.jsを使用し、Markdownのパースはmarked....
CSSのみで作られたローディングアニメーションのセット・「Loaders.css」
Loaders.css Loaders.cssはCSSのみで作られたローディングアイコンのセットです。CSSで作られているのでスタイルの変更やスピード調整もしやすく、軽量で済む反面、対応ブラウザも限られるので現状ではスマフォ向けになり...
セマンティックなフロントエンドフレームワーク・「mice」
mice miceはセマンティックなフロントエンド開発の為のRails製フレームワークです。設計も複雑な箇所はなく、主要なUIコンポーネントもひと通り揃えられている印象でした。アイコンはお馴染みのFont Awesomeが使われていま...
フラットデザイン向けのボタンを手軽に作成出来るOSS・「2.5dBUTTON」
2.5dBUTTON 2.5dBUTTONはフラットデザイン向けのボタンを手軽に作成出来るツールです。国産で、OSSとしてもソースコードが公開されています。サイズやカラー、テキスト、アイコンなどを調整してHTMLとCSSをコピペすれば...
Webサイトのスタイルをユーザーがデスクトップ向けとモバイル向けに切り替えられるようにするスクリプト・「Responsible.js」
Responsible.js Responsible.jsはWebサイトのスタイルをPC⇔モバイルでスイッチ出来るようにするスクリプトです。他ライブラリに依存せず、単体で動いてくれます。前提条件として、Media Queriesを使用...
FoundationやBootstrapを使用しているWebサイト上にグリッドを表示するブックマークレット・「Grid displayer」
Grid displayer Grid displayerはFoundationやBootstrapといった人気のフレームワークを使用したWebサイト上にグリッドを表示させるブックマークレットです。単純にグリッドを表示させるだけでなく...
WebGL用のOSSな3Dゲームエンジン・「PlayCanvas 」
PlayCanvas PlayCanvasはオープンソースとして公開されているWebGL用の3Dゲームエンジンです。Windows、OS X、AndroidやiOSなどに対応したクロスプラットフォームなゲーム制作をサポートするとの事...
Webサイトを様々なデバイスに対応させる為の軽量なjQueryプラグイン・「Restive.JS」
Restive.JS Restive.JSはWebサイトを様々なデバイスに対応させるためのスクリプトです。デバイスを検出してbody要素にclassを加える、任意のサイズでブレークポイントを作成する、任意のDOM要素のみにclassを...
YoutubeやImgur、Githubリポジトリ、jsFiddle等のURLをリッチメディアに変換するライブラリ・「Olly.js」
Olly.js Olly.jsは様々なサービスのコンテンツのURLをリッチメディアにコンバートするライブラリです。サポートしているサービスはYoutube、Vimeo、TEDなどの動画サービスやImgurなどのアップローダー、Twit...
OSSで公開されたGitHub製のCSSフレームワークとガイドライン・「Primer」
Primer PrimerはGithubが公開したオープンソースのCSSフレームワークです。主要な各コンポーネントのスタイルに加えて、Githubにて使用されているスタイルガイドも同梱されています。ビルドにはSCSS、Jekyll、G...
現在のURLに任意のパラメーターを付与する為のスクリプト・「url.js」
url.js url.jsは現在閲覧中のページのURLに任意のパラメーターを付与する為のスクリプトです。例えばといったURLをその場でのような任意のパラメーターを付与したり、削除する事も出来ます。汎用的なライブラリでは有りませんが痒い...
BootstrapよりもミニマルなCSSフレームワークを目指した・「SkyBlue CSS Framework」
SkyBlue CSS Framework SkyBlue CSS Frameworkは当初より肥大化したBootstrapに疑問を感じ、もう少しライトに使える事を目指したミニマルなCSSフレームワークです。必要最低限なコンポーネント...
オープンソースのHTML5製ゲームエンジン・「Kiwi.js」
Kiwi.js Kiwi.jsはオープンソースとして公開されているHTML5製のゲームエンジンです。モバイルでもPCでも動くゲームコンテンツ構築の為に開発された様です。CanvasにもWebGLにも適しており、Cocoon.jsを併用...
フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」
BLACKHOLE BLACKHOLEは柔軟性とカスタマイズ性を重視したレスポンシブWebデザイン対応のSCSS/CSSフレームワークです。モジュール型で基本的には軽量なサイズを保てるように設計しているそうです。コンポーネントもひと通...
様々なシーンに対応可能なスマフォ対応のコンテンツスライダー・「Swiper」
Swiper Swiperは様々なシーンに対応可能なコンテンツスライダーです。スライダーのネスト化やカルーセル、3Dな遷移エフェクトなどの設定が可能でスマフォでのフリック操作にも対応しています。また、マウスホイール対応、オートプレイ化...
シングルページ向けに開発されたHTML＆SASSなボイラープレート・「Rin」
Rin Rinはシングルページ向けに開発されたHTML/CSSフレームワークです。ランディングページや名刺サイトのような、所謂ペラサイトの構築と相性良さそうです。英語で書かれてますが開発者さんは日本の方(SANOGRAPHIX.NET...
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」
colorable colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良い...
Github内で各言語のアクティブ率等のデータを可視化している・「GitHut」
GitHut GitHutはGithub内で公開されている様々なプログラミング言語のアクティブ率やフォーク率などのデータを可視化しているプロジェクトサイトです。データはGitHub Archiveから取得しているみたいですね。比較対象...