オープンソースとして公開されているAndroidアプリを収集している・「fossdroid.com」 fossdroid.com fossdroid.comはOSSとしてソースコードが公開されているAndroidアプリを収集しているWebサイトです。しっかりカテゴリ分けもしてくれており、それぞれのアプリの公開先やライセンス等も書かれて...2015.05.12 | 11時02分26秒
CSSのfilterのコードを、インタラクティブに生成出来るジェネレーター・「CSS Filter Effects」 CSS Filter Effects CSS Filter EffectsはCSS filterのコードを、実際にかかるエフェクトを見ながら生成出来るジェネレーターです。BlurやBrightness、Hue Rotate、Grays...2015.05.10 | 11時27分31秒
色覚異常の方向けに作られた、Webサイトにカラーフィルターを適応させて認識しやすくするChromeエクステンション・「Color Enhancer」 Color Enhancer Color Enhancerは色覚異常の方のためのChromeエクステンションです。Webサイトにカスタマイズ可能なカラーフィルターを適応させ、色認識を向上させることが出来ます。フィルターはSet upか...2015.05.08 | 10時28分55秒
iPhoneやApple Watch、Androidのアプリアイコンにリサイズ出来るツール・「App Icon Resizer」 App Icon Resizer App Icon Resizerは作成したアイコンをiPhoneやApple Watch、Android向けのサイズにリサイズしてくれるWebツールです。チェックボックスにチェックを入れてアイコン画像...2015.05.03 | 11時38分47秒
様々な音を組み合わせて好みのBGMを作成、試聴出来る・「Defonic」 Defonic Defonicは用意された数種類の音を組み合わせてオリジナルのBGMを作成出来るWebサービスです。作成と言ってもダウンロード出来る等ではなく、その場でBGMとして試聴するだけのものになります。音は焚き木や川、雨やカフ...2015.04.24 | 10時50分37秒
Sketchのプラグインを探せる・「Sketch Plugin Filter」 Sketch Plugin Filter Sketch Plugin FilterはSketchのプラグインをまとめているWebサイトです。スクリーンショット付きでプラグインを紹介してくれています。Sketch Toolboxを使っい...2015.04.23 | 10時05分14秒
ランディングページを手軽に作成・公開出来る国産サービス・「ペライチ」 ペライチ ペライチはシングルページのWebサイトを専門知識不要で手軽にスタイリング・作成・公開出来る国産のWebサービスです。ランディングページでよく使われるような、所謂ペラサイトを、直感で作成、公開する事ができるみたいです。海外には...2015.04.20 | 10時31分33秒
Webサービスのステータスページを実装するためのPHP製オープンソースソフトウェア・「CachetHQ」 CachetHQ CachetHQはWebサービスの公開用ステータスページを実装する為のソフトウェアです。PHPで書かれています。動作にはPHP 5.4以上、エクステンションにmcrypt等が必要で、データベースはMySQL、 Pos...2015.04.08 | 10時54分43秒
フラットデザイン向けのボタンを手軽に作成出来るOSS・「2.5dBUTTON」 2.5dBUTTON 2.5dBUTTONはフラットデザイン向けのボタンを手軽に作成出来るツールです。国産で、OSSとしてもソースコードが公開されています。サイズやカラー、テキスト、アイコンなどを調整してHTMLとCSSをコピペすれば...2015.04.06 | 10時05分03秒
オープンソースのシンプルなTodoツール・「Todowhat」 Todowhat TodowhatはOSSで公開されているシンプルなTodoアプリです。backbone.jsとPython用フレームワークのFlaskで構築されています。タグ付けや検索、リストのドラッグ&ドロップによる順序の変更など...2015.03.20 | 10時42分26秒
BootstrapよりもミニマルなCSSフレームワークを目指した・「SkyBlue CSS Framework」 SkyBlue CSS Framework SkyBlue CSS Frameworkは当初より肥大化したBootstrapに疑問を感じ、もう少しライトに使える事を目指したミニマルなCSSフレームワークです。必要最低限なコンポーネント...2015.03.15 | 11時45分06秒
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秒
文字色と背景色のコントラストが適切かどうかをチェックしてくれる・「colorable」 colorable colorableはテキストの色と背景とのコントラストがアクセシビリティ上、適切に保たれているかをチェックしてくれるツールです。判断基準はWCAG 2.0解説書のコントラストガイドライン(日本語版ではココ見ると良い...2015.02.25 | 11時32分34秒
デザイン性と柔軟性にフォーカスしたD3.jsベースのチャートライブラリ・「Taucharts」 Taucharts Tauchartsはデザイン性と柔軟性を重視したD3.jsベースのJSライブラリです。多くのチャートライブラリが見難いと感じた為、本職のデザイナーや情報視覚化の専門家の監修のもと、情報の整理、可視性が向上されたデザ...2015.02.10 | 11時31分32秒
IE8でWebサイトを閲覧した際に問題の起こりそうな箇所を教えてくれるOSS・「IE8 Linter」 IE8 Linter IE8 Linterは任意のWebサイトをIE8で閲覧した際に問題の起こる可能性のある箇所を教えてくれるオープンソースのソフトウェアです。IE8のみというピンポイントなツールでは有りますが、日本におけるブラウザの...2015.02.08 | 10時51分06秒
様々な値チェックが可能なJavaScriptライブラリ・「is.js」 is.js is.jsは様々な値の判定が可能なJSライブラリです。正規表現や文字列、オブジェクト、時間などをis.dateとかis.number、is.emailといったようなというメソッドでチェックする事が出来ます。まだちゃんと触っ...2015.01.31 | 12時24分22秒
モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」 TACHYONS TACHYONSはモバイルファーストなCSSフレームワークです。モバイル優先のレスポンシブWebデザイン対応サイト向けに開発されており、サイズも軽量になるよう配慮されています。あらゆるデバイスで可能な限りのパフォーマ...2015.01.23 | 11時21分43秒
SVGやPDF、EPUBなど様々なフォーマットに対応したオンラインコンバーター・「Convertio」 Convertio Convertioは様々なフォーマットに対応した変換ツールです。JPGやPNGは勿論、SVGやPDF、Word、CSV、EPUBなどからMP3などの音源ファイルやLHAなどのアーカイブファイルのコンバートも可能です...2015.01.22 | 11時19分21秒
Sketchのプラグインやリソースをまとめている・「sketch.land」 sketch.land sketch.landはドローツールのSketchで使えるプラグインやリソースをまとめているハブサイトです。レイヤーのソートやオブジェクトのスケーリングツール、プラグインマネージャなど、ユーザーが開発・公開して...2015.01.18 | 10時22分18秒
マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」 Material UI Colors Material UI Colorsはマテリアルデザインの為のカラーパレットです。カラーコードはHEX、RGB、RGBAなどをサポートしており、使いたい色をクリックすればクリップボードにカラーコー...2015.01.16 | 10時34分49秒
CSSのみで作られたシンプルなアイコンセット・「ICONO」 ICONO ICONOはCSSのみで作られたシンプルなアイコンのセットです。CSS3や擬似クラスを用いて形成されており、エレメントにclassを振るだけでアイコンを表示できるようになっています。SVGもフォントも利用せずに作ったよ!と...2015.01.13 | 10時59分42秒