Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」
Loader generator Loader generatorはReactアプリ向けのローダーを作れるWebアプリです。 ドットタイプのローダーで、ドットの数や色、サイズ（幅と高さ）、各ドット同士の距離、透過やアニメーション...
Resource - Webディレクター向け
ロゴのダミー画像を無償配布するミニプロジェクト・「Placeholder Logos」
Placeholder Logos Placeholder Logosはロゴのダミー画像を無償配布するミニプロジェクトです。 ダミー用に作られたロゴが8種類、それぞれ6色、テキストありと無しの2種、各種SVGとPNGが用意されて...
沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできる・「Icônes」
Icônes Icônesは沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできるWebアプリです。 90種近いアイコンプロジェクトが纏められており、それぞれのプロジェク...
コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」
Cirrus.CSS Cirrus.CSSはコンポーネントとユーティリティ重視のCSS(SCSS)フレームワークです。ラピッドプロトタイピングを目的に開発したそうです。 レスポンシブで軽量、モジュール式なので無駄もなく、既存の人...
ゆるいタッチのシンプルなSVG線画アイコンセット・「Streamline free DSP package」
Streamline free DSP package Streamline free DSP packageはゆるいタッチのシンプルなSVG線画アイコンセットであるStreamlineの無料版です。 Streamlineでは3...
Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」
React Nice Dates React Nice DatesはReactベースのシンプルでタッチフレンドリーな日付ピッカーです。 タッチデバイスで指でタップしやすいように日付同士は間隔をあけられていたり、上下にドラッグする...
必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」
Screen See the Pen gOMvVwb by kachibito (@kachibito) on CodePen. Screenは必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワークです。 ...
ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」
CSS Background Patterns CSS Background Patternsはジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供するシンプルなWebアプリです。 オブジェクトのサイズ...
任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...
くっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパック・「Phosphor」
Phosphor Phosphorはくっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパックです。 600近い種類の汎用的なSVG線画アイコンが用意されており、線の太さや色などをサイト内で調整する事も可能となっ...
アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」
PatternPad PatternPadはアート風の背景パターンを生成できるWebアプリです。色やデザインも指定する事が出来ます。 設定できる項目は色、カラム数、スタイルとなっています。スタイルは既に用意されている雛型から選ぶ...
マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」
CSS Spider CSS Spiderはマウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張です。 起動するとマウスホバーで要素のCSSを自動解析し、その場にclassやI...
RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」
Rough Awesome Font Rough Awesome FontはRoughJSを使ったラフなタッチのFontAwesomeアイコン集です。RoughJSを使ってFontAwesomeの無償版のアイコンをラフ絵に変換したSV...
商用でもクレジット無しで無料で使える大量のサウンドエフェクトを配布する・「Mixkit – Download free sound effects」
Mixkit - Download free sound effects Mixkitは以前ご紹介した、商用でも無料、クレジット表記無しで使える動画を配布するビデオストックサイトで、新たに同じ条件のライセンスでサウンドエフェクトを大量...
プライバシーに配慮したカンバンボード型のプロジェクト管理ツール・「Portabella」
Portabella Portabellaはプライバシーに配慮したカンバンボード型のプロジェクト管理ツールです。Trelloからインポート等も可能です。 カンバン、タスク、カレンダーやファイル共有などが可能となっていますが、特に...
任意のWebアプリやツール名を入力すると、その代替アプリ等のリストを返すシンプルな代替アプリ検索ツール・「Versus」
Versus Versusは任意のWebアプリやツール名を入力すると、その代替アプリ等のリストを返すシンプルな代替アプリ検索ツールです。 上SSはWordPressの類似アプリを探してみた結果です。基本的にはinput要素が表示...
コミュニケーションツールやタスク管理、ドキュメントの管理などをチームで行えるワークスペース提供ツール・「Fexspace」
Fexspace Fexspaceはコミュニケーションツールやタスク管理、ドキュメントの管理などをチームで行えるワークスペース提供ツールです。 先日ご紹介したTaskadeに続き、今日もWFHが業務形態のチーム向けのワークスペー...
Todoやカレンダーの共有、ロードマップやチャットなどリモートチーム向けのワークスペースを提供する・「Taskade」
Taskade TaskadeはTodoやカレンダーの共有、ロードマップやチャットなどリモートチーム向けのワークスペースを提供するWebアプリです。 Webは勿論、スマホや各OS向けのデスクトップアプリも提供しており、様々なチー...
Gatsby搭載のドキュメントサイト向けサイトジェネレーター・「Docxy」
Docxy DocxyはGatsby搭載のドキュメントサイト向けサイトジェネレーターです。静的で高速なドキュメントサイトの構築を目的としているようです。 Reactで作られた静的サイトジェネレーターのGatsbyが使われており、...
カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」
vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...
Notionにインスパイアされたオープンソースのカンバンボード付きノートアプリ・「Notence」
Notence NotenceはNotionにインスパイアされたオープンソースのカンバンボード付きノートアプリです。 Markdownで書けるノート機能と、Todoリストやプロジェクト管理が出来るカンバンボードが備えられており、...
小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」
Radix Icons Radix Iconsは小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセットです。 15×15のとても小さなサイズで設計されていますが、どれも視認性を損なう事無く、ど...