可愛らしいスタイルの日付ピッカーを実装するスクリプト・「DATEDROPPER」
DATEDROPPER DATEDROPPERは可愛らしいスタイルの日付ピッカーを実装するためのスクリプトです。jQueryに依存しています。よく見かける日付ピッカーはその月のカレンダーから選択するスタイルがほぼ定番ですが、こちらはス...
Resource - MIT
軽量でベーシックなCSSフレームワーク・「Open Style」
Open Style Open Styleは軽量でベーシックなタイプのCSSフレームワークです。normalize.cssを併用するみたいですね。SASS対応でグリッドシステム、エレメントのポジションサポート、背景への動画導入などが主...
公開済みのオープンソースプロジェクトの名前をチェック出来る・「Open Source Project Name Checker」
Open Source Project Name Checker Open Source Project Name Checkerは公開されているOSSの名前を検索し、チェック出来るツールです。名前を検索してプロジェクトの名前が被るの...
Githubページを利用したブログを構築できる・「HubPress.io」
HubPress.io HubPress.ioはGithubページを使ったブログを構築出来るツールです。本ツールをフォークしてGithubページ上に展開すればいいみたい。セッティングはconfig.jsonを編集してくれとの事です。ど...
ページ遷移にアニメーションエフェクトを付加するスクリプト・「Animsition」
Animsition Animsitionはページ遷移時にアニメーションエフェクトを加える事ができるJavaScriptです。jQueryに依存しています。エフェクトのセッティングはカスタムデータ属性で出来るので手軽に導入できそうです...
ブラウザのタブテキストを別のテキストと交互に表示可能にするスクリプト・「blinkTitle.js」
blinkTitle.js blinkTitle.jsはブラウザのタブの表示されたタイトルテキストを別のテキストと交互に表示させるスクリプトです。アラートなど任意のタイミングでtitleタグのテキストを他のテキストと交互に表示し、点滅...
様々な値チェックが可能なJavaScriptライブラリ・「is.js」
is.js is.jsは様々な値の判定が可能なJSライブラリです。正規表現や文字列、オブジェクト、時間などをis.dateとかis.number、is.emailといったようなというメソッドでチェックする事が出来ます。まだちゃんと触っ...
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と、軽量なのも素...
モバイルファーストで軽量なRWD対応CSSフレームワーク・「TACHYONS」
TACHYONS TACHYONSはモバイルファーストなCSSフレームワークです。モバイル優先のレスポンシブWebデザイン対応サイト向けに開発されており、サイズも軽量になるよう配慮されています。あらゆるデバイスで可能な限りのパフォーマ...
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...
OSSとしてもソースが公開されているRWD対応コンテンツ埋め込みサービス・「IFRAMELY」
IFRAMELY IFRAMELYは各ソーシャルサイトのコンテンツをレスポンシブWebデザイン対応で埋め込むサービスです。基本的にAPIの利用は有償サービスですが、Githubにてオープンソースとしても公開されています。Youtube...
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...
CSS3による様々なマウスホバーアニメーションをまとめたスタイルシート・「Hover.css」
Hover.css Hover.cssはCSS3による様々なホバーアニメーションエフェクトをまとめたスタイルシートです。SASSとLESSにも対応。エレメントやアイコンなどにマウスホバーアニメーションが付けられており、classを振る...
ミニマルなjavascriptアニメーションライブラリ・「snabbt.js」
snabbt.js snabbt.jsはミニマル設計なアニメーションJSライブラリです。手軽にアニメーションオブジェクトを作成することが出来ます。またjQueryと併用することも可能のようです。設定も簡単で良いですね。ライセンスはMI...
オープンソースで公開されている、Google Web Fontの補助ツール・「Google Webfonts Helper」
Google Webfonts Helper Google Webfonts HelperはOSSとして公開されているGoogle Web Fontの補助ツールです。ちょっとうまく説明出来ないので変なタイトルかもですが、Google ...