Resource - github

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...
Ads

クロスプラットフォームなモバイル向けアプリ構築の為のフレームワーク・「RAD.js」

RAD.js RAD.jsはモバイル向けのアプリケーション構築の為のフレームワークです。iOSやAndorid、Windows Phone 8の他、各主要ブラウザに最適化したクロスプラットフォームなフレームワークを目指しているそうです...

SVG製の国旗を手軽に表示出来る・「SassyFlags」

SassyFlags SassyFlagsはSVGで作られた各国の国旗を手軽に表示出来るライブラリです。空要素に指定されたclassを振るだけで国旗を表示する事が出来ます。SVGが使われていますので調整もしやすいですね。国旗はAmaz...

オープンソースのシンプルなTodoツール・「Todowhat」

Todowhat TodowhatはOSSで公開されているシンプルなTodoアプリです。backbone.jsとPython用フレームワークのFlaskで構築されています。タグ付けや検索、リストのドラッグ&ドロップによる順序の変更など...

SVGによるシンプルなパターン背景を作るためのライブラリ・「Textures.js」

Textures.js Textures.jsはSVGで線や点を使ったシンプルなパターン背景を作るためのライブラリです。d3.jsを使ってビジュアライズされたデータの背景を作るために設計された様です。点はtextures.circle...

現在のURLに任意のパラメーターを付与する為のスクリプト・「url.js」

url.js url.jsは現在閲覧中のページのURLに任意のパラメーターを付与する為のスクリプトです。例えばといったURLをその場でのような任意のパラメーターを付与したり、削除する事も出来ます。汎用的なライブラリでは有りませんが痒い...

BootstrapよりもミニマルなCSSフレームワークを目指した・「SkyBlue CSS Framework」

SkyBlue CSS Framework SkyBlue CSS Frameworkは当初より肥大化したBootstrapに疑問を感じ、もう少しライトに使える事を目指したミニマルなCSSフレームワークです。必要最低限なコンポーネント...

オープンソースを探せるソースコード検索エンジン・「Sourcegraph」

Sourcegraph SourcegraphはOSSを探すためのソースコード検索エンジンです。Githubと統合しており、ドキュメントを参照して任意の関数やクラス名で検索出来るようになっています。 Sourcegraph

オープンソースのHTML5製ゲームエンジン・「Kiwi.js」

Kiwi.js Kiwi.jsはオープンソースとして公開されているHTML5製のゲームエンジンです。モバイルでもPCでも動くゲームコンテンツ構築の為に開発された様です。CanvasにもWebGLにも適しており、Cocoon.jsを併用...

llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」

ai2html ai2htmlはAIファイルをHTMLに変換する為のスクリプトです。AIファイル内のオブジェクトを解析、処理してHTMLファイルにコンバートするみたいです。オプション機能としてコンバートの際に任意の拡張子への変更やjP...

リダイレクトやセキュリティ、パフォーマンスの向上など、.htaccessで使えるスニペットをまとめている「.htaccess Snippets」

.htaccess Snippets .htaccess Snippetsは.htaccessで使える小技をまとめたスニペット集です。リダイレクトやリライト、セキュリティ向上やパフォーマンスの向上など、よく使うものをサクッとまとめてく...

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です。カスタムデータ属性に候補として出すキーワードを設定する、という仕様なので使用するシーンは限られそうですが、そ...

シンプルで軽量なOSSのHTML5製メディアプレイヤー・「Plyr」

Plyr Plyrはシンプル且つ軽量なHTML5メディアプレイヤーです。カスタマイズ性、軽量、シンプルで使いやすいメディアプレイヤーを意識したそうです。非依存型でセッティングも手軽に行えるので非常に使いやすそうな印象でした。Githu...

Github内で各言語のアクティブ率等のデータを可視化している・「GitHut」

GitHut GitHutはGithub内で公開されている様々なプログラミング言語のアクティブ率やフォーク率などのデータを可視化しているプロジェクトサイトです。データはGitHub Archiveから取得しているみたいですね。比較対象...

WordPressのテーマをブラウザ上で作成出来るオープンソースのソフトウェア・「Layers」

Layers LayersはOSSで配布されている、ブラウザ上で動作するテーマビルダーです。WordPress内蔵のテーマカスタマイザーと連結させる、というものみたいですね。子テーマの設計やレスポンシブWebデザインにも対応しているそ...
Ads