Resource - オープンソース

オープンソースのメール配信プラットフォーム・「postal」

postal postalはオープンソースで公開されているメール配信プラットフォームです。開発者向けのメール配信プラットフォーム、AppMailがOSSとして公開したものだそう。綺麗で見やすいです。気にはなるものの、まだ触れていま...

誤った使い方のHTMLソースをハイライトしてくれるスタイルシート・「debugCSS」

debugCSS debugCSSは誤った使い方をしたHTMLソースの箇所をハイライトしてくれるスタイルシートです。その名の通りデバッグ用のCSSです。実用的かどうかよりも面白いアイデアだなーと思ったので備忘録。ソース見ていろいろ感心...

OSSで公開されている、プレゼンテーションを作成出来るデザイナー向けのプレゼン作成ツール・「Presentator.io」

Presentator.io Presentator.ioはプレゼンテーションを作成出来るデザイナー向けのプレゼン作成ツールです。開発の主な目的は、Webデザイナーが作ったプロトタイプのクライアントからのフィードバックを得やすいように...
Ads

jQueryライクに使える5kbほどの軽量ライブラリ・「Selector」

Selector SelectorはjQueryライクに使えるユーティリティな軽量ライブラリです。5kbほどでjQueryと同じような書き方 が出来ます。セレクタも結構同じものがサポートされています。jQuery代替と言えるかどうか...

オープンソースのドキュメント管理システム・「Kimios DMS」

Kimios DMS Kimios DMSはオープンソースのドキュメント管理システム(DMS:Document Management System)です。文章の作成や管理、バージョン管理、検索やブックマーク機能などが特徴だそう。残念な...

家系図のような縦表示の階層を描けるスタイルシート・「hierarchi-view」

hierarchi-view hierarchi-viewは上図のような家系図でよくある縦表示の階層を描けるCSSです。例では企業等での役職順が表現されています。こういうの作るの割と面倒なので地味に使いみちあるかもですね。 hi...

REACTのコード実行テストをブラウザ上で試せてEmbedも出来る・「CODESANDBOX」

CODESANDBOX CODESANDBOXはReactのPlaygroundツールです。ブラウザ上で実行テスト、上のようにEmbedも出来ます。また、Githubアカウントでのログインやフォーク機能など、この手のツールに備わってい...

Foundationに加える事ができるUIコンポーネントを配布する・「Building Blocks」

Building Blocks Building BlocksはCSSフレームワークのFoundationに加える事ができるUIコンポーネントを配布するWebサイトです。zurbが公式に公開しているものになります。ナビゲーションやメデ...

軽量でカスタマイズ性を重視したCSSフレームワーク・「mini.css」

mini.css mini.cssは軽量且つカスタマイズ性を重視したCSSはフレームワークです。各種コンポーネントも用意されており、構成はBootstrapやMaterial Framework、Foundation等を意識しているの...

HTML5やjQuery、React など様々な言語やライブラリのboilerplateをキュレーションしている・「BOILRPLATE」

BOILRPLATE BOILRPLATEは様々な言語やライブラリのboilerplateを収集しているキュレーションページです。様々といっても底まで多くなく、HTML5、Go、React、node.js、AndroidやElectr...

CSSフレームワークのBulma向けのテーマを配布する・「Bulmaswatch」

Bulmaswatch Bulmaswatchは以前ご紹介したCSSフレームワーク、Bulma向けのスタイルテーマを配布するWebサイトです。多くはないものの、20以上のテーマが公開されています。Bulmaを使ってこれから何か作る予定...

チームのためのオープンソースなナレッジベースアプリケーション・「Opus」

Opus Opusはチーム向けに開発されたナレッジベースアプリを構築出来るソフトウェアです。企業は成長するにつれ、異なる部門が作られますが、その部門間で知識を管理し、伝達するのが難しくなりがちです。その問題を解決するのがナレッジベース...

プログラマー向けのオープンソースな国産メモアプリ・「Boostnote」

Boostnote Boostnoteはプログラマー向けに開発されたOSSのメモアプリです。日本の企業によって開発された国産アプリになります。Markdown記法で書けてコードスニペットも管理できる、というもの。Electronベース...

AngularJSとPHPで出来たシングルページ向けのオープンソースCMS・「Cosmo CMS」

Cosmo CMS Cosmo CMSはシングルページ向けのCMSです。AngularJS x PHPで出来ておりOSSでとして公開されています。モバイルファーストでRWD対応、SEO/ソーシャルフレンドリーな設計だそう。WYSIWY...

軽量シンプルなツールチップライブラリ・「Tippy.js」

Tippy.js Tippy.jsは軽量シンプルなツールチップライブラリです。他ライブラリを必要としない非依存型となっています。Popper.jsがベースみたいですね。オプションもいろいろ。使い方も簡単そうですね。ライセンスはMIT。...

オープンソースで公開されているシンプルなカラーピッカーChromeエクステンション・「Eye Dropper」

Eye Dropper Eye DropperはChromeエクステンションで使えるシンプルなカラーピッカーです。任意のWebページで任意の箇所のカラーを取得する事が出来ます。余計な機能は要らんから色だけ取得させてくれ、という方にはピ...

WordPressの良プラグインをキュレーションしている・「WP Plugin Directory」

WP Plugin Directory WP Plugin DirectoryはWordPressの良プラグインをキュレーションしているWebサイトです。大まかなカテゴリに分けられていますので割と探しやすい印象です。大量のプラグインが...

SVGを使ったプログレスバーを実装出来るスクリプト・「jQuery-svg-progress」

jQuery-svg-progress jQuery-svg-progressはSVGを使ったプログレスバーを実装出来るスクリプトです。jQueryに依存します。SVGなのである程度自由にカスタマイズできる点が魅力ですね。モニター幅の...

JSONデータから年表のようなタイムラインを作れるスクリプト・「Albe Timeline」

Albe Timeline Albe TimelineはJSONデータから年表を作成出来るスクリプトです。jQueryに依存しています。JSON形式で書かれたデータで自動的に上図のようなタイムラインを作ることが出来ます。シンプルに、た...

Githubのデータでポートフォリオが作れるオープンソースソフトウェア・「GitShowcase」

GitShowcase GitShowcaseはGithubのアカウントでログインし、Githubのデータでポートフォリオを作成出来るソフトウェアです。OSSとして公開されています。基本的にはアカウントを作れば自動でポートフォリオが作...

SNSのシェアボタンを手軽に設置できるスクリプト・「jquery.sharebox」

jquery.sharebox jquery.shareboxはSNSのシェアボタンを手軽に設置できるスクリプトです。名前のとおり、jQueryに依存しています。スクリプトとCSSを読み込んで空の要素を設置すればそのページに対応したシ...

ChromeやFirefox、Operaの拡張機能を作るためのフレームワーク・「Extension Boilerplate」

Extension Boilerplate Extension BoilerplateはChromeやOpera、Firefox等のブラウザ向けの拡張機能を作るためのBoilerplateです。基礎部分のみですが、異なるブラウザでも動...
Ads