YoutubeやImgur、Githubリポジトリ、jsFiddle等のURLをリッチメディアに変換するライブラリ・「Olly.js」 Olly.js Olly.jsは様々なサービスのコンテンツのURLをリッチメディアにコンバートするライブラリです。サポートしているサービスはYoutube、Vimeo、TEDなどの動画サービスやImgurなどのアップローダー、Twit...2015.03.26 | 10時46分12秒
2週間ごとに著作権放棄された写真を公開・配布するストックフォトサービス・「stokpic」 stokpic stokpicは2週間毎に著作権放棄(CC0)された写真素材を公開、配布するストックフォトサービスです。配布される素材もクオリティの高いものが多い印象です。勿論過去に公開された写真もアーカイブされています。今となっては...2015.03.25 | 10時44分40秒
OSSで公開されたGitHub製のCSSフレームワークとガイドライン・「Primer」 Primer PrimerはGithubが公開したオープンソースのCSSフレームワークです。主要な各コンポーネントのスタイルに加えて、Githubにて使用されているスタイルガイドも同梱されています。ビルドにはSCSS、Jekyll、G...2015.03.24 | 10時50分35秒
クロスプラットフォームなモバイル向けアプリ構築の為のフレームワーク・「RAD.js」 RAD.js RAD.jsはモバイル向けのアプリケーション構築の為のフレームワークです。iOSやAndorid、Windows Phone 8の他、各主要ブラウザに最適化したクロスプラットフォームなフレームワークを目指しているそうです...2015.03.23 | 10時51分00秒
Web上にある画像を任意のサイズに変換してくれる・「Firesize」 Firesize FiresizeはWeb上の画像を任意のサイズにリサイズしてくれるWebサービスです。例えば といった画像があった場合、 のようにサイズを指定すればそのサイズに変換して返してくれます。特に...2015.03.22 | 10時46分03秒
SVG製の国旗を手軽に表示出来る・「SassyFlags」 SassyFlags SassyFlagsはSVGで作られた各国の国旗を手軽に表示出来るライブラリです。空要素に指定されたclassを振るだけで国旗を表示する事が出来ます。SVGが使われていますので調整もしやすいですね。国旗はAmaz...2015.03.21 | 10時23分39秒
オープンソースのシンプルなTodoツール・「Todowhat」 Todowhat TodowhatはOSSで公開されているシンプルなTodoアプリです。backbone.jsとPython用フレームワークのFlaskで構築されています。タグ付けや検索、リストのドラッグ&ドロップによる順序の変更など...2015.03.20 | 10時42分26秒
SVGによるシンプルなパターン背景を作るためのライブラリ・「Textures.js」 Textures.js Textures.jsはSVGで線や点を使ったシンプルなパターン背景を作るためのライブラリです。d3.jsを使ってビジュアライズされたデータの背景を作るために設計された様です。点はtextures.circle...2015.03.19 | 10時39分15秒
現在のURLに任意のパラメーターを付与する為のスクリプト・「url.js」 url.js url.jsは現在閲覧中のページのURLに任意のパラメーターを付与する為のスクリプトです。例えばといったURLをその場でのような任意のパラメーターを付与したり、削除する事も出来ます。汎用的なライブラリでは有りませんが痒い...2015.03.18 | 12時31分06秒
BootstrapよりもミニマルなCSSフレームワークを目指した・「SkyBlue CSS Framework」 SkyBlue CSS Framework SkyBlue CSS Frameworkは当初より肥大化したBootstrapに疑問を感じ、もう少しライトに使える事を目指したミニマルなCSSフレームワークです。必要最低限なコンポーネント...2015.03.15 | 11時45分06秒
jQueryを使った100のテクニックとサンプルコードを一括配布している・「jQuery Trickshots」 jQuery Trickshots jQuery TrickshotsはjQueryを使った100のテクニックとそのサンプルを配布するプロジェクトです。週1で届くTutorialzineのニュースレターを購読する事でダウンロード出来る...2015.03.13 | 12時00分14秒
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」 ai2html ai2htmlはAIファイルをHTMLに変換する為のスクリプトです。AIファイル内のオブジェクトを解析、処理してHTMLファイルにコンバートするみたいです。オプション機能としてコンバートの際に任意の拡張子への変更やjP...2015.03.09 | 11時30分24秒
CSSとテキストで作るローディングアニメーション・「Animated Type Loader」 Animated Type Loader Animated Type Loaderはテキストで作られたローディングを実装する為のCSSです。keyframesと:nth-of-typeを使ってspanでラップしたテキストを順番に表示さ...2015.03.05 | 11時31分21秒
フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」 BLACKHOLE BLACKHOLEは柔軟性とカスタマイズ性を重視したレスポンシブWebデザイン対応のSCSS/CSSフレームワークです。モジュール型で基本的には軽量なサイズを保てるように設計しているそうです。コンポーネントもひと通...2015.03.04 | 11時34分05秒
様々なシーンに対応可能なスマフォ対応のコンテンツスライダー・「Swiper」 Swiper Swiperは様々なシーンに対応可能なコンテンツスライダーです。スライダーのネスト化やカルーセル、3Dな遷移エフェクトなどの設定が可能でスマフォでのフリック操作にも対応しています。また、マウスホイール対応、オートプレイ化...2015.03.03 | 11時07分39秒
シングルページ向けに開発されたHTML&SASSなボイラープレート・「Rin」 Rin Rinはシングルページ向けに開発されたHTML/CSSフレームワークです。ランディングページや名刺サイトのような、所謂ペラサイトの構築と相性良さそうです。英語で書かれてますが開発者さんは日本の方(SANOGRAPHIX.NET...2015.03.01 | 12時09分02秒
写真やエッセイの為のシンプルなブログサービス・「Stampsy」 Stampsy Stampsyは写真やエッセイ等を目的としたシンプルなブログサービスです。ブログと言うと語弊あるかもしれませんが、この方が伝わりやすそうなのでブログという括りで書いています。UIは少しMediumに似た印象を受けます。...2015.02.28 | 12時24分04秒
input要素にシンプルなオートコンプリート機能を付加する軽量なスクリプト・「Awesomplete」 Awesomplete Awesompleteはinput要素にオートコンプリート機能を付加する為のJavaScriptです。カスタムデータ属性に候補として出すキーワードを設定する、という仕様なので使用するシーンは限られそうですが、そ...2015.02.27 | 11時00分05秒
小規模チーム向けに開発されたWebベースのプロジェクト管理ツールを構築する為のオープンソースソフトウェア・「Rukovoditel」 Rukovoditel Rukovoditelはオープンソースとして公開された、小規模チームによる複数プロジェクトの進行を管理する為のPHPで書かれたソフトウェアです。動作にはPHP5.2.4以上,MySQL5.0以上が必要との事。タ...2015.02.26 | 12時08分42秒
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」 colorable colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良い...2015.02.25 | 11時32分34秒
シンプルで軽量なOSSのHTML5製メディアプレイヤー・「Plyr」 Plyr Plyrはシンプル且つ軽量なHTML5メディアプレイヤーです。カスタマイズ性、軽量、シンプルで使いやすいメディアプレイヤーを意識したそうです。非依存型でセッティングも手軽に行えるので非常に使いやすそうな印象でした。Githu...2015.02.24 | 10時31分01秒
Github内で各言語のアクティブ率等のデータを可視化している・「GitHut」 GitHut GitHutはGithub内で公開されている様々なプログラミング言語のアクティブ率やフォーク率などのデータを可視化しているプロジェクトサイトです。データはGitHub Archiveから取得しているみたいですね。比較対象...2015.02.23 | 11時07分22秒