テキストからダイアグラムやフローチャート、ガンチャートなどを作れる・「Quick Diagram」
Quick Diagram Quick Diagramはテキストからダイアグラムやフローチャート、ガンチャートなどを作れるWebアプリです。 目的に沿ったチャートやダイアグラムを7種から選択してテキストベースで生成できる、という...
Resource - シンプル
CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」
Beautiful CSS box-shadow examples Beautiful CSS box-shadow examplesはCSSのbox-shadowで出来る様々なスタイルを収集、コードもコピーできるWebサイトです。 ...
色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセット・「iconhub」
iconhub iconhubは色や太さ、サイズなどを設定して利用できるシンプルなSVGアイコンセットです。 スタイルは単色線画、単色塗りつぶし、2色線画、2色塗りつぶし、2色線画+塗りなどから選択でき、サイズは6種、線の太さも...
美しいカラーパレットを大量に大量に保管している・「Hex Palette」
Hex Palette Hex Paletteは4色ベースの美しいカラーパレットを大量にストックしているカラーパレットギャラリーです。 カラーパレットといっても編集したり類似を探したり他アプリで使えるファイルをDL出来たりといっ...
ZoomやDiscord、Microsoft Teamsなどのビデオチャットで動くアバターを使えるようにするソフトウェア・「Hyprmeet」
Hyprmeet HyprmeetはZoomやDiscord、Microsoft Teamsなどのビデオチャットで動くアバターを使えるようにするソフトウェアです。 と言ってもタイミング的に試す相手がいなかったので動作確認してませ...
レスポンシブなメニューを簡単に作れるオンラインツール・「Responsive Navigation Generator」
Responsive Navigation Generator Responsive Navigation GeneratorはRWDなメニューを簡単に作れるオンラインツールです。モバイルデバイス等ではハンバーガーメニューからスライド...
フォトグラファー向けに開発されたオープンソースのポートフォリオ公開ツール・「Moul」
Moul Moulはフォトグラファー向けに開発されたオープンソースのポートフォリオ公開ツールです。 シンプルな構成で作品のコレクションを制御、さまざまなレイアウトを利用可能との事です。 Goで書かれています。サンプルを見る...
Unsplashの画像を検索してDLしたりクリップボードにコピーしたり壁紙に設定できるデスクトップアプリ・「Coaster」
Coaster CoasterはUnsplashの画像を検索してDLしたりクリップボードにコピーしたり壁紙に設定できるデスクトップアプリです。 直接サイトにアクセスすれば事足りるんですが、使ってみた印象ではハードにUnsplas...
チーム向けのワークスペースを提供するシンプルなプロジェクト管理ツール・「Undesk」
Undesk Undeskはチーム向けのワークスペースを提供するシンプルなプロジェクト管理ツールです。 チーム向けとあって、チャットツール、タスク管理、ファイル管理などが可能で共有できる他、伝言やメモ、アイデアの共有などに使える...
コードを画像化できるオープンソースのWebアプリ・「Codify」
Codify Codifyはコードを画像化できるオープンソースのWebアプリです。今までもCarbonや、Codeimg.io、CodeZenといったツールをご紹介させて頂きましたが、同様のツールになります。 異なる点はスタイル...
Googleアナリティクス代替として開発されたオープンソースの自己ホスト型Web分析ツール・「umami」
umami umamiはGoogleアナリティクス代替として開発されたオープンソースの自己ホスト型Web分析ソリューションです。 GAよりもシンプルで軽量、使いやすさを考慮して開発されたようで、GAよりもユーザーフレンドリーでプ...
ドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンション・「Linguix」
Linguix Linguixはドキュメントの管理やショートカットによる定型文挿入が可能なChromeエクステンションです。 導入する事でtextarea内に書いた文章をドキュメントとして保存したり、予め設定した定型文を任意のシ...
アイソメトリック図で描けるダイアグラム作成Webアプリ・「Isoflow」
Isoflow Isoflowはアイソメトリック図で描けるダイアグラム作成Webアプリです。仕様は単純で、アイソメトリックな3Dアイコンを配置してダイアグラムを作成する、というもの。 現状使えるアイコンがあまりに少ないので作れる...
簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」
tinykeys See the Pen yLOBWdj by kachibito (@kachibito) on CodePen. tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptラ...
Github gistや任意のスニペットコードを画像化できるWebアプリ・「Snippet Shot」
Snippet Shot Snippet ShotはGithub gistや任意のスニペットコードを画像化できるWebアプリです。過去に同じ目的のアプリを紹介しました。こちらは後発サービスになります。 任意のコードなら直接書き込...
コピー&ペーストで使えるシンプルなアイコンのセット・「Indie Icons」
Indie Icons Indie Iconsはコピー&ペーストで使えるシンプルなアイコンのセットです。アイコンごとにSVGやCSSのコードをコピーする事が出来るようになっており、アイコンをわざわざDLせずとも即利用できるようになって...
画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツール・「Slazzer」
Slazzer Slazzerは画像のメイン部分を残し、自動で背景を削除するオンラインの切り抜きツールです。 以前にご紹介したremove.bgやSocialBook Free Background Removerなどの後発...
タイムゾーンの異なるリモートチームの為のビデオ会議ライクなビジネスツール・「Grapevine」
Grapevine Grapevineはタイムゾーンの異なるリモートチームの為のビデオ会議ライクなビジネス向けビデオツールです。 一見通常のビデオ会議アプリのようですが、チームのメンバーは基本的に動画を録画し、それぞれが都合の良...
商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセット・「Teenyicons」
Teenyicons Teenyiconsは商用でも無料で使える1000以上のミニマルなオープンソースのアイコンセットです。 ラインタイプと塗りつぶしタイプの2種が500以上用意されており、合わせて1000以上のアイコンがセット...
レスポンシブ対応の動的なダミー画像を提供する・「TwicPics Placeholders」
TwicPics Placeholders See the Pen Placeholders by TwicPics (aspect ratio padding trick) by kachibito (@kachibito...
応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」
mono/color mono/colorは応答性、リーダビリティ、モジュール性を重視して設計されたミニマルなCSSフレームワークです。 必要な物だけを揃えたモノクロタイプと、カラースキームやカードUI、ユーティリティなども揃え...
FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」
1-Line Layouts* 1-Line Layouts*はFlexboxやCSS Gridでよく用いられるレイアウトのコードを提供するプロジェクトサイトです。 センター配置やサイドバーを持った2カラムレイアウト、ヘッダ/メ...