CSS transitionsを使用したハンバーガーメニュー・「Ember Burger Menu」
Ember Burger Menu Ember Burger MenuはCSS transitionsを使用したハンバーガーメニューです。アニメーションはtympanusの記事を参考にしているものだそうで、モダンなエフェクトのオフキャ...
Resource - Archives
任意の画像をアップロードするとその画像を元にカラーパレットを作成してくれる・「Pictones」
Pictones Pictonesは任意の画像をアップロードすると、その画像からカラーパレットを作成してくれるWebサービスです。抽出する色の数の指定やCSS/SASS/LESSのコード、保存が可能となっています。シンプルで良いの...
オープンソースのメール配信プラットフォーム・「postal」
postal postalはオープンソースで公開されているメール配信プラットフォームです。開発者向けのメール配信プラットフォーム、AppMailがOSSとして公開したものだそう。綺麗で見やすいです。気にはなるものの、まだ触れていま...
誤った使い方のHTMLソースをハイライトしてくれるスタイルシート・「debugCSS」
debugCSS debugCSSは誤った使い方をしたHTMLソースの箇所をハイライトしてくれるスタイルシートです。その名の通りデバッグ用のCSSです。実用的かどうかよりも面白いアイデアだなーと思ったので備忘録。ソース見ていろいろ感心...
OSSで公開されている、プレゼンテーションを作成出来るデザイナー向けのプレゼン作成ツール・「Presentator.io」
Presentator.io Presentator.ioはプレゼンテーションを作成出来るデザイナー向けのプレゼン作成ツールです。開発の主な目的は、Webデザイナーが作ったプロトタイプのクライアントからのフィードバックを得やすいように...
波状の動きの背景を作成できるライブラリ・「Wavie.js」
Wavie.js Wavie.jsは波のような動きの背景を作成出来るライブラリです。canvasでオブジェクトを描いて一定の動きを付与する、みたいなシンプルなもの。方向やオブジェクトのサイズの設定等が可能なので多用な動きを表現する事が...
JSONデータのバリデーションやコンバート、整形等が出来る・「JSON Formatter」
JSON Formatter JSON FormatterはJSONコードのバリデーションや整形、圧縮、XMLやCSVのコンバート等が可能なWebツールです。シンプルで使いやすい印象でした。保存も出来るみたいですね。他にもこの手のツー...
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等を意識しているの...
ファンタジーをイメージしたアイコンを使えるFont AwesomeライクなCSSツールキット・「RPG-Awesome」
RPG-Awesome RPG-AwesomeはファンタジーRPGをイメージして作られたアイコンフォントのセットです。Font Awesomeライクな作りになっているようですね。オーラをまとった人物ピクトグラム、ドラゴンの羽や武器、モ...
HTML5やjQuery、React など様々な言語やライブラリのboilerplateをキュレーションしている・「BOILRPLATE」
BOILRPLATE BOILRPLATEは様々な言語やライブラリのboilerplateを収集しているキュレーションページです。様々といっても底まで多くなく、HTML5、Go、React、node.js、AndroidやElectr...
ユーザー登録不要で任意のメールアドレスに5GBまでのファイルを送信出来る・「pCloud Transfer」
pCloud Transfer pCloud Transferは任意のメールアドレスにファイルを送れるファイル転送サービスです。URLが発行されてそこからダウンロードするのではなく、送られてくるメール内にダウンロードボタンが設置されて...
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。...
商用でも使える顔写真アイコンを提供するプロジェクト・「Diverse UI」
Diverse UI Diverse UIは商用でも使える人物の顔写真のセットを提供するプロジェクトです。以前ご紹介したTinyFacesと同じようなプロジェクトです。こちらはSketchプラグインも提供してくれています。女性のみ、男...