グループにおけるディスカッションの為のマトリックス型投票システム・「DigPick」 DigPick DigPickはグループ間におけるディスカッションで決を取るのに役立つマトリックス型の投票システムです。AかBかC、といった従来の選択式の投票ではなく、A寄りのB、CとBの間、といった具合に、チームやグループ内でのより...2018.09.29 | 10時10分19秒
TEDが公開するオープンソースのAtomic CSSライブラリ・「shed.css」 shed.css shed.cssはTED.comが公開しているOSSのCSSライブラリです。「CSSの終わりの始まり」をキャッチコピーとしています。詳細はまだ調べていませんが、ユーティリティファーストを元に設計されており、それぞれの...2018.09.28 | 9時39分43秒
任意のロゴのデザインをチェックできる・「Logo Lab」 Logo Lab Logo Labは任意のロゴデザインをチェック、テストできるWebサービスです。ロゴファイルをアップロードすると、グリッドによるバランスのチェック、グレースケールや白黒にしても機能しているかどうかのチェック、視覚障害...2018.09.27 | 9時22分57秒
Alibabaが開発、公開しているオープンソースのHTML5製ゲームソリューション・「Hilo」 Hilo HiloはOSSとして公開されているHTML5製ゲームエンジンです。中国のAmazonと言われるAlibabaグループが開発、公開しているようです。HTML5によるゲーム開発の速度向上をサポートする事が目的のよう。オブジェク...2018.09.26 | 9時02分00秒
Markdownで書けるオープンソースのWikiシステム・「Wiki.js」 Wiki.js Wiki.jsはMarkdown記法をサポートしたOSSのWikiシステムです。Node.js、GitとMongoDBの環境下で動作するようです。検索エンジンがビルトインされていたりメディア管理のしやすさを意識して設計...2018.09.25 | 9時01分17秒
ダウンロード可能なさまざまなカラースキームを大量に保管している・「SchemeColor」 SchemeColor SchemeColorはさまざまなカラースキームを超大量に保管しているWebサイトです。ダウンロードや編集も可能です。基本的にはシンプルな機能ですが、量が非常に多く、ざっと数えただけでも1万ほどあるようです。ま...2018.09.24 | 10時10分53秒
テンプレート駆動型のオープンソースなCMS・「Vapid」 Vapid Vapidはテンプレート駆動型のOSSなCMSです。HTMLに特定のテンプレートタグを組み込む事でCMS化する、みたいなもの。静的サイトですが、しっかりダッシュボードも付いています。学習コストもかからず、よくあるCMSより...2018.09.21 | 10時08分56秒
オープンソースのSVGアイコンのセット・「Ikonate」 Ikonate IkonateはOSSとして公開されているSVGアイコンのセットです。カスタマイズ性、パフォーマンスを重視しているそうです。数もそこそこ用意されており、いずれも汎用的なものとなっています。また、本サイトではカスタマイズ...2018.09.20 | 10時15分58秒
Vue.jsをベースにしたオープンソースのUIデザインキット・「Shards Vue 」 Shards Vue Shards VueはVue.jsベースのUIデザインキットです。多数のコンポーネントも用意されています。また、パフォーマンスも重視し、必要最低限のコードで書くようにしたそうで軽量で高速な動作を実現しているとの事...2018.09.19 | 10時13分46秒
CSSやJavaScriptなどの技術を競い合うコード共有サイト・「Codier」 Codier CodierはCSSやJavaScript、HTMLのコード技術を競い合うコード共有コミュニティサイトです。基本的にはjsdo.itやcodepenのようなコード共有サイト同様、その場で書いて実行すると結果が表示、という...2018.09.18 | 10時05分26秒
Matter.jsを使ってスクロール時に背景をアニメーションさせる・「Floaty Bubbles」 Floaty Bubbles See the Pen Floaty Bubbles by Will Boyd (@lonekorean) on CodePen. 物理エンジンのMatter.jsを使って、背景をスクロールに応じてアニ...2018.09.17 | 8時55分45秒
縦に撮られた動画を専門に無料配布している・「Vyoo」 Vyoo Vyooはスマフォ用に縦に撮られた動画だけを無料配布するWebサイトです。数は多くないように見えますが、週ごとに配布する動画が更新されるタイプみたいですね。本サイトはオンラインで動画を加工してダウンロードできるVEEDという...2018.09.14 | 10時25分39秒
Vue.jsベースのオープンソースなUIコンポーネントライブラリ・「Element」 Element ElementはVue.jsをベースとしたOSSのUIコンポーネントライブラリです。フォームやレイアウト、ボタンやタイポグラフィはもちろん、タイムピッカーやスライダー、レーティングなど、より応用の効くフォームのアイテム...2018.09.13 | 10時09分27秒
美しいカラーパレットを手動収集している・「Trendy Palettes」 Trendy Palettes Trendy Palettesは美しいカラーパレットを手動収集しているパレットキュレーションサイトです。本ツールのユーザーや開発者が世間で人気の配色を収集しているそうです。本ツールはGradient H...2018.09.12 | 10時00分36秒
ブラウザで楽譜を作成、結果も試聴できるオープンソースのエディタ・「Hacklily」 Hacklily Hacklilyは楽譜専門のエディタです。ブラウザで動作、OSSとしてソースコードが公開されています。書かれた楽譜はピアノ演奏による視聴も可能のようです。構成にmonacoとLilypondが使われているそうなので書...2018.09.11 | 9時48分34秒
Webサイトのパフォーマンス向上に役立ちそうなツールや情報をまとめている・「Progressive Tooling」 Progressive Tooling Progressive ToolingはWebサイトのパフォーマンス向上に役立ちそうなツールやリソースを収集しているプロジェクトサイトです。アクセシビリティやスピード、ファイルサイズ最適化の為の...2018.09.10 | 10時04分09秒
CSSのClip Pathを直感的な操作で簡単に作成できる・「Clip Path Generator」 Clip Path Generator Clip Path Generatorはその名の通りClip Pathを作成できるジェネレーターです。直感的な操作でパスを生成、コードを発行してくれる、というもの。マウス操作でパスを生成したら即...2018.09.09 | 10時06分20秒
43のローダーをまとめた・「43 loaders」 43 loaders See the Pen 43 loaders by Subin (@meemaw1) on CodePen. 43 loadersは43のCSSローダーをまとめたCodepenです。CSSといってもアニメーショ...2018.09.08 | 10時16分43秒
Vue.jsベースのオープンソースUIコンポーネントフレームワーク・「Vuesax」 Vuesax VuesaxはVue.jsベースのUIコンポーネントフレームワークです。Vue.jsを使ったアプリケーション開発をサポートしてくれます。カラースキームやグリッド、フォーム、タブなどの基本UIはもちろん、スライダーやカード...2018.09.07 | 9時29分17秒
ユーザー登録不要でブラウザで使えるシンプルなリアルタイムコラボレーションコードエディタ・「Snipper.io」 Snipper.io Snipper.ioはユーザー登録不要で手軽に使えるオンラインコードエディタです。多数言語に対応したシンタックスハイライターはもちろん、複数人によるリアルタイムコラボレーションコーディングも可能となっています。使...2018.09.06 | 10時15分11秒
器や絵画、ポスター等、歴史的に利用されてきた美術品に利用されている色をパレットにした・「Color Leap」 Color Leap Color Leapは器や棺などの歴史的出土品やポスター、絵画など、今まで利用されてきた色をタイムライン上でカラーパレットとして確認できるプロジェクトサイトです。多くはなく、色の美しい美術品を厳選しているようで数...2018.09.05 | 10時03分10秒
SVGのフィルターを、結果を見ながら学べる・「SVG Filters」 SVG Filters SVG Filtersは<filter>を、操作しながら学べるソフトウェアです。用意された画像やテキストを対象に、SVGフィルターを直感的な操作で付与、結果を確認しながらコードを学ぶことができます。...2018.09.03 | 10時05分50秒