コード不要でレスポンシブ対応のWebページを作成、ダウンロードできるシンプルなWebサイトビルダーアプリ・「Aspect」 Aspect Aspectはコード不要でレスポンシブ対応のWebページを作成、ダウンロードできるシンプルなWebサイトビルダーアプです。 よくあるタイプの簡易的なビルダーではなく、要素はD&Dで配置したり矢印キーで微調整可能、色...2020.09.20 | 10時14分16秒
さまざまなタイプのSVGの背景を手軽に作れるWebアプリ・「BGJar」 BGJar BGJarはさまざまなタイプのSVGの背景を手軽に作れるWebアプリです。既に用意されている雛型を元に好みの形にカスタマイズしてコードをコピーしたりDL出来る、というもの。 シンプルなものやアニメーションするもの、波...2020.09.20 | 10時01分32秒
オープンソースのSlack代替なチャットアプリ・「Twake」 Twake Twakeはオープンソースとして公開されているSlack代替なコラボレーションチャットアプリです。 ワンクリックでメッセージ、ビデオ会議、ファイル共有、共同カレンダー、タスク管理などが利用可能となっています。 ...2020.09.18 | 10時07分41秒
フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」 Vanilla Colorful Vanilla Colorfulはフレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリです。 名前の通りバニラなスクリプトで動作しますが、他フレームワークにも柔軟に対応する事も可...2020.09.17 | 9時56分28秒
オープンソースのCalendly代替・「What Time Today?」 What Time Today? What Time Today?はオープンソースとしてソースコードが公開されているスケジュール管理ツールです。Calendly代替として開発されたそうです。 vimcalやAvailableとい...2020.09.16 | 10時04分19秒
1000以上のシンプルなアイコンがSVGやPNGで用意され、全てオープンソースとして利用できる・「Emblemicons」 Emblemicons Emblemiconsは1000以上のアイコンをセットにしたOSSのアイコンパックです。それぞれSVG、背景有りSVG、PDF、PNGが6サイズ、JPGも6サイズ用意されており、全てがMITライセンスの元で公開...2020.09.15 | 9時56分39秒
良質なUIのデザイン例を任意のキーワードで検索できる・「lookup.design」 lookup.design lookup.designは良質なUIのデザイン例を任意のキーワードで検索できるWebサービスです。 様々なWebサイトのUIパーツが大量に手動で登録されているとの事。例えばfooterやbutton...2020.09.14 | 10時08分50秒
テキストからダイアグラムやフローチャート、ガンチャートなどを作れる・「Quick Diagram」 Quick Diagram Quick Diagramはテキストからダイアグラムやフローチャート、ガンチャートなどを作れるWebアプリです。 目的に沿ったチャートやダイアグラムを7種から選択してテキストベースで生成できる、という...2020.09.13 | 10時10分55秒
細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」 filters.css filters.cssは細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリです。 昔ご紹介したInstagram.cssなどのように、任意の画像にclassを付与するだけでカ...2020.09.12 | 10時01分44秒
CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」 Beautiful CSS box-shadow examples Beautiful CSS box-shadow examplesはCSSのbox-shadowで出来る様々なスタイルを収集、コードもコピーできるWebサイトです。 ...2020.09.11 | 10時06分10秒
デザイナーに必要なツール等のショートカットのチートシートを1か所に集約した・「Shortcuts.design」 Shortcuts.design Shortcuts.designはデザイナーの方向けに必要なツール等のショートカットのチートシートを1か所に集約したプロジェクトサイトです。 SketchやFigma、各Adobe製品、Affi...2020.09.10 | 10時07分00秒
色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセット・「iconhub」 iconhub iconhubは色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセットです。 スタイルは単色線画、単色塗りつぶし、2色線画、2色塗りつぶし、2色線画+塗りなどから選択でき、サイズは6種、線の太さも...2020.09.09 | 9時53分28秒
OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」 Drawflow DrawflowはJavaScript製のシンプルで使いやすいフローチャート作成Webアプリです。オープンソースとしてソースコードも公開されています。他ライブラリへの依存もありません。 左ペインにあらかじめ用意...2020.09.08 | 10時04分18秒
美しいカラーパレットを大量に大量に保管している・「Hex Palette」 Hex Palette Hex Paletteは4色ベースの美しいカラーパレットを大量にストックしているカラーパレットギャラリーです。 カラーパレットといっても編集したり類似を探したり他アプリで使えるファイルをDL出来たりといっ...2020.09.07 | 10時03分13秒
ZoomやDiscord、Microsoft Teamsなどのビデオチャットで動くアバターを使えるようにするソフトウェア・「Hyprmeet」 Hyprmeet HyprmeetはZoomやDiscord、Microsoft Teamsなどのビデオチャットで動くアバターを使えるようにするソフトウェアです。 と言ってもタイミング的に試す相手がいなかったので動作確認してませ...2020.09.05 | 9時59分31秒
レスポンシブなメニューを簡単に作れるオンラインツール・「Responsive Navigation Generator」 Responsive Navigation Generator Responsive Navigation GeneratorはRWDなメニューを簡単に作れるオンラインツールです。モバイルデバイス等ではハンバーガーメニューからスライド...2020.09.04 | 10時09分40秒
オープンソースとしても公開されているLinktree代替サービス・「Singlelink」 Singlelink Singlelinkはオープンソースとしても公開されているLinktreeの代替サービスです。Vue.js、というかNuxt.jsとMongoDBが使われてるみたいです。 Linktreeはいわゆるインスタ...2020.09.03 | 10時02分53秒
全てオープンソースで公開されている、Web制作に使えるシンプルなツール集・「Omatsuri」 Omatsuri OmatsuriはWeb制作に使えるシンプルなツールのコレクションです。基本的にフロントエンド開発向けがメインだそうです。1つ1つはシンプルなツールですが、全てがPWA対応且つオープンソースとしてソースコードも公開さ...2020.09.02 | 9時56分08秒
GUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタ・「ct.js」 ct.js ct.jsはGUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタです。シューティングやアドベンチャー、パズル、ビジュアルノベルなど様々なゲームを直感的な操作メインで作成する事が出来ます。 基本的にはGUI...2020.09.01 | 10時05分52秒
会話しながらコード共有やペアプログラミングが出来る開発者向けのコードエディタ付きビデオ会議ツール・「GitDuck」 GitDuck GitDuckは会話しながらコード共有やペアプログラミングが出来る開発者向けのエディター付きビデオ会議ツールです。 オンラインビデオチャットにペアプログラミングが可能なコードエディタが付与してる、みたいなやつ。ブ...2020.08.31 | 10時09分45秒
フォトグラファー向けに開発されたオープンソースのポートフォリオ公開ツール・「Moul」 Moul Moulはフォトグラファー向けに開発されたオープンソースのポートフォリオ公開ツールです。 シンプルな構成で作品のコレクションを制御、さまざまなレイアウトを利用可能との事です。 Goで書かれています。サンプルを見る...2020.08.30 | 10時01分47秒
任意のテキストを自動で3D化するスクリプト・「ztext.js」 ztext.js See the Pen ztext.js test by kachibito (@kachibito) on CodePen. ztext.jsは任意のテキストを自動で3D化するスクリプトです。上デモ...2020.08.29 | 10時05分29秒