様々な値チェックが可能なJavaScriptライブラリ・「is.js」
is.js is.jsは様々な値の判定が可能なJSライブラリです。正規表現や文字列、オブジェクト、時間などをis.dateとかis.number、is.emailといったようなというメソッドでチェックする事が出来ます。まだちゃんと触っ...
Resource - Archives
SASSベースのRWD対応CSSフレームワーク・「SPACEBASE」
SPACEBASE SPACEBASEはSASSベースのレスポンシブWebデザイン対応CSSフレームワークです。最低限必要なUIコンポーネントは用意されており、オールドブラウザにも対応しているとの事。しっかり触ってないので何とも言えま...
シングルページ向けのWebサイト他言語化スクリプト・「jquery.localizationTool.js」
jquery.localizationTool.js jquery.localizationTool.jsはWebサイトを多言語化する為のスクリプトです。jQueryに依存しています。シングルページ向け、というのは、本スクリプトがAP...
ブラウザ上でSVGを軽量化出来るOSS・「SVGOMG」
SVGOMG SVGOMGはSVGを軽量化するNode.jsベースのツール、SVGO用のWeb GUIです。OSSとしてGithubにてソースコードが公開されています。ファイルを読み込むか、コードをペーストすれば軽量化してくれます。上...
デジタルな人工生命体を作るオープンソースプロジェクト・「OpenWorm」
OpenWorm OpenWormはデジタルな人工生命体を作るOSSのプロジェクトです。人間は勿論、ワーム類の単純な脳でさえ100%理解出来ていない現在の脳科学の世界に貢献したい、というのが趣旨の様です、多分。ソースはオープンソースと...
シングルページで構成されたWebアプリケーションの為のJavaScriptフレームワーク・「Composer.js」
Composer.js Composer.jsはシングルページのWebアプリ向けに作られたJavaScript MVCライブラリです。jQueryまたはMootoolsのいずれかに依存するみたいですね。圧縮版で12kbと、軽量なのも素...
世界中で販売されている食品のデータを収集し、データベース化するプロジェクト・「Open Food Facts」
Open Food Facts Open Food Factsは世界で販売されている様々な食品のデータを集め、共有しよう、というプロジェクトです。日本も含まれています。データ内容は、簡単な商品の説明、パッケージの素材、メーカーへのリン...
他言語化の為のJavaScriptライブラリ・「FormatJS」
FormatJS FormatJSはWebアプリの他言語化をサポートするJSライブラリです。米Yahoo!が開発、OSSとしてソースコードが公開されています。基本的には他のライブラリ（Handlebars、React、Dust）との統...
モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」
TACHYONS TACHYONSはモバイルファーストなCSSフレームワークです。モバイル優先のレスポンシブWebデザイン対応サイト向けに開発されており、サイズも軽量になるよう配慮されています。あらゆるデバイスで可能な限りのパフォーマ...
SVGやPDF、EPUBなど様々なフォーマットに対応したオンラインコンバーター・「Convertio」
Convertio Convertioは様々なフォーマットに対応した変換ツールです。JPGやPNGは勿論、SVGやPDF、Word、CSV、EPUBなどからMP3などの音源ファイルやLHAなどのアーカイブファイルのコンバートも可能です...
Googleマテリアルデザインを取り入れたAngularJSベースのRWD対応フロントエンドフレームワーク・「lumX」
lumX lumXはAngularJSベースのフロントエンドフレームワークです。スタイルにGoogleマテリアルデザインを取り入れており、レスポンシブWebデザインにも対応しています。より速く、簡単にWebアプリケーションを設計するサ...
AngularJS用のUIフレームワーク・「Suave UI」
Suave UI Suave UIはAngularJS向けに作られたUIフレームワークです。AngularJSベースのWebアプリ開発の際にUI構築をサポートする為に作られたフレームワークみたいですね。各コンポーネントはFont Aw...
Gitを使ったバージョン管理を動画で学べる学習サイト・「Learn Git」
Learn Git Learn GitはGitを使ったバージョン管理を動画で学べる学習サイトです。GitクライアントのTowerを提供しているfournovaが公開しているみたいですね。動画で学べるのは素敵ですね。・・・が、国内にサル...
Sketchのプラグインやリソースをまとめている・「sketch.land」
sketch.land sketch.landはドローツールのSketchで使えるプラグインやリソースをまとめているハブサイトです。レイヤーのソートやオブジェクトのスケーリングツール、プラグインマネージャなど、ユーザーが開発・公開して...
画像から人物の顔を検出するAPIを提供する・「Face++」
Face++ Face++は画像から人物の顔を検出するAPIを提供するプラットフォームです。中国の企業の様ですね。画像の中から人物の顔を検出し、鼻や目、口の位置をマークしたり、顔の向き、輪郭の検出等にも対応しているみたいです。何度かテ...
マテリアルデザイン向けのカラーコードをコピーして使える・「Material UI Colors」
Material UI Colors Material UI Colorsはマテリアルデザインの為のカラーパレットです。カラーコードはHEX、RGB、RGBAなどをサポートしており、使いたい色をクリックすればクリップボードにカラーコー...
OSSとしてもソースが公開されているRWD対応コンテンツ埋め込みサービス・「IFRAMELY」
IFRAMELY IFRAMELYは各ソーシャルサイトのコンテンツをレスポンシブWebデザイン対応で埋め込むサービスです。基本的にAPIの利用は有償サービスですが、Githubにてオープンソースとしても公開されています。Youtube...
ヤコブ・ニールセンの10のヒューリスティックに基いたユーザビリティチェックを行う為のChromeエクステンション・「UX CHECK」
UX CHECK UX CHECKはヤコブ・ニールセンが唱えた10のヒューリスティックに基いて行うユーザビリティチェックを行う手助けをしてくれるChromeの拡張です。10のヒューリスティックに関してはUsability Infoさん...
CSSのみで作られたシンプルなアイコンセット・「ICONO」
ICONO ICONOはCSSのみで作られたシンプルなアイコンのセットです。CSS3や擬似クラスを用いて形成されており、エレメントにclassを振るだけでアイコンを表示できるようになっています。SVGもフォントも利用せずに作ったよ！と...
Trelloのクローンとして開発されたオープンソースのタスク管理ツール・「LibreBoard」
LibreBoard LibreBoardはOSSのTrelloクローンです。シンプルで複数人でのタスク管理に優れたTrelloライクなタスク管理ツールを構築することが出来ます。僕自身、ずっとタスク管理ツールジプシーなので気になるとこ...
Evernoteライクなクリップツールを構築する為のオープンソースソフトウェア・「Paperwork」
Paperwork PaperworkはEvernoteやMSのOneNote、Google Keep等のクリップサービスを構築可能なオープンソースのソフトウェアです。PHP製のフレームワーク、Laravelをベースに、Angular...
インタラクションデザインの導入例をアニメーションで確認出来るWebデザインギャラリー・「Hover States」
Hover States Hover StatesはWebサイトに導入したIxD例をアニメーションで確認出来るWebデザインギャラリーです。うまくIxDを取り入れて設計されたWebサイトをアニメーション画像で紹介しています。開発者やデ...