イージングに使われるペジェ曲線に合わせた法則でカラースキームを作り出す・「ColorBox」 ColorBox ColorBoxはイージングアニメーションの法則に沿って新たなカラースキームを作り出すプロジェクトサイトです。イージングの詳細は「イージングの基本 | Web | Google Developers」をご参照...2018.10.03 | 9時17分15秒
OSSで公開されているeBay製のテンプレートエンジン・「Marko」 Marko Markoはオークションサービスを展開するeBayが開発、公開したJavaScript製のテンプレートエンジンです。HTML/CSS/JSの知識があれば少ない学習コストで使用できるようになるシンプルな設計だそうです。主にe...2018.10.02 | 10時28分39秒
ランディングページのひな型を作成、ダウンロードできるシンプルなLP作成ツール・「Unicorn Platform」 Unicorn Platform Unicorn PlatformはシンプルなLP作成サービスです。出来る事は用意されているコンテナを追加/削除してDLする、という事のみとなっています。テキストやカラー、要素の編集等は出来ませんのでH...2018.10.01 | 9時26分31秒
電子書籍や音源、ソースコード等、デジタルコンテンツを販売する為のオープンソースのソフトウェア・「Zipsell」 Zipsell Zipsellは電子書籍や動画、音楽やソースコードなどのデジタルコンテンツをオンラインで販売できるOSSのプラットフォームです。Ruby on Railsで書かれています。カートに入れる、というものではなく、金額ボタン...2018.09.30 | 10時06分11秒
グループにおけるディスカッションの為のマトリックス型投票システム・「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秒
ダウンロード可能なさまざまなカラースキームを大量に保管している・「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秒