SVGによるシンプルなパターン背景を作るためのライブラリ・「Textures.js」
Textures.js Textures.jsはSVGで線や点を使ったシンプルなパターン背景を作るためのライブラリです。d3.jsを使ってビジュアライズされたデータの背景を作るために設計された様です。点はtextures.circle...
Resource - オープンソース
現在のURLに任意のパラメーターを付与する為のスクリプト・「url.js」
url.js url.jsは現在閲覧中のページのURLに任意のパラメーターを付与する為のスクリプトです。例えばといったURLをその場でのような任意のパラメーターを付与したり、削除する事も出来ます。汎用的なライブラリでは有りませんが痒い...
オープンソースで公開されているSiriやコルタナのような会話型パーソナルアシストツール・「Sirius」
Sirius SiriusはOSSで公開されている会話型のパーソナルアシストツールです。AppleのSiriやMSのコルタナのように質問の答えをユーザーに返す、というもののようです。うーん、こんなものまでOSSとして公開とは恐れ入りま...
BootstrapよりもミニマルなCSSフレームワークを目指した・「SkyBlue CSS Framework」
SkyBlue CSS Framework SkyBlue CSS Frameworkは当初より肥大化したBootstrapに疑問を感じ、もう少しライトに使える事を目指したミニマルなCSSフレームワークです。必要最低限なコンポーネント...
オープンソースを探せるソースコード検索エンジン・「Sourcegraph」
Sourcegraph SourcegraphはOSSを探すためのソースコード検索エンジンです。Githubと統合しており、ドキュメントを参照して任意の関数やクラス名で検索出来るようになっています。 Sourcegraph
WebGLを使って画像にエフェクトを与える為のJavaScriptライブラリ・「glfx.js」
glfx.js glfx.jsはWebGLを使用して画像を編集出来るようにする為のJSライブラリです。セピア加工やチルトシフト、ボケ、ノイズ効果などのエフェクトを与えることが出来ます。WebGLなので対応ブラウザが限られる為、すぐに実...
オープンソースのHTML5製ゲームエンジン・「Kiwi.js」
Kiwi.js Kiwi.jsはオープンソースとして公開されているHTML5製のゲームエンジンです。モバイルでもPCでも動くゲームコンテンツ構築の為に開発された様です。CanvasにもWebGLにも適しており、Cocoon.jsを併用...
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」
ai2html ai2htmlはAIファイルをHTMLに変換する為のスクリプトです。AIファイル内のオブジェクトを解析、処理してHTMLファイルにコンバートするみたいです。オプション機能としてコンバートの際に任意の拡張子への変更やjP...
Webデベロッパー向けのスクリーンキャストをまとめている・「DevFreeCasts」
DevFreeCasts DevFreeCastsはWebデベロッパー向けのスクリーンキャストをまとめたWebサイトです。AndroidやAngularJS、GitからVimやReactなど全27種のプラットフォームに関する動画を厳選...
PHPフレームワークのKohanaをベースとしたOSSのCMS・「Gleez」
Gleez GleezはPHPフレームワークのKohanaをベースとしたオープンソースのCMSです。Kohanaはセキュアで軽量、手軽さを重視・目標としたフレームワークで、GleezはそのKohanaを元にCMSとして開発、公開された...
フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」
BLACKHOLE BLACKHOLEは柔軟性とカスタマイズ性を重視したレスポンシブWebデザイン対応のSCSS/CSSフレームワークです。モジュール型で基本的には軽量なサイズを保てるように設計しているそうです。コンポーネントもひと通...
様々なシーンに対応可能なスマフォ対応のコンテンツスライダー・「Swiper」
Swiper Swiperは様々なシーンに対応可能なコンテンツスライダーです。スライダーのネスト化やカルーセル、3Dな遷移エフェクトなどの設定が可能でスマフォでのフリック操作にも対応しています。また、マウスホイール対応、オートプレイ化...
シングルページ向けに開発されたHTML＆SASSなボイラープレート・「Rin」
Rin Rinはシングルページ向けに開発されたHTML/CSSフレームワークです。ランディングページや名刺サイトのような、所謂ペラサイトの構築と相性良さそうです。英語で書かれてますが開発者さんは日本の方(SANOGRAPHIX.NET...
input要素にシンプルなオートコンプリート機能を付加する軽量なスクリプト・「Awesomplete」
Awesomplete Awesompleteはinput要素にオートコンプリート機能を付加する為のJavaScriptです。カスタムデータ属性に候補として出すキーワードを設定する、という仕様なので使用するシーンは限られそうですが、そ...
小規模チーム向けに開発されたWebベースのプロジェクト管理ツールを構築する為のオープンソースソフトウェア・「Rukovoditel」
Rukovoditel Rukovoditelはオープンソースとして公開された、小規模チームによる複数プロジェクトの進行を管理する為のPHPで書かれたソフトウェアです。動作にはPHP5.2.4以上，MySQL5.0以上が必要との事。タ...
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」
colorable colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良い...
シンプルで軽量なOSSのHTML5製メディアプレイヤー・「Plyr」
Plyr Plyrはシンプル且つ軽量なHTML5メディアプレイヤーです。カスタマイズ性、軽量、シンプルで使いやすいメディアプレイヤーを意識したそうです。非依存型でセッティングも手軽に行えるので非常に使いやすそうな印象でした。Githu...
Github内で各言語のアクティブ率等のデータを可視化している・「GitHut」
GitHut GitHutはGithub内で公開されている様々なプログラミング言語のアクティブ率やフォーク率などのデータを可視化しているプロジェクトサイトです。データはGitHub Archiveから取得しているみたいですね。比較対象...
WordPressのテーマをブラウザ上で作成出来るオープンソースのソフトウェア・「Layers」
Layers LayersはOSSで配布されている、ブラウザ上で動作するテーマビルダーです。WordPress内蔵のテーマカスタマイザーと連結させる、というものみたいですね。子テーマの設計やレスポンシブWebデザインにも対応しているそ...
Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」
MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Com...
HighCharts.jsとjqueryでtableをグラフ化するスクリプト・「jQuery HighchartTable」
jQuery HighchartTable jQuery HighchartTableはHighCharts.jsとjqueryを使ってHTMLで書いたtableのデータを自動でグラフにしてくれるスクリプトです。既存のtableにカス...
可愛らしいスタイルの日付ピッカーを実装するスクリプト・「DATEDROPPER」
DATEDROPPER DATEDROPPERは可愛らしいスタイルの日付ピッカーを実装するためのスクリプトです。jQueryに依存しています。よく見かける日付ピッカーはその月のカレンダーから選択するスタイルがほぼ定番ですが、こちらはス...