オフラインで動作する個人向けのかんばん式タスク管理デスクトップアプリ・「Projscope Tasks」
Projscope Tasks Projscope Tasksは完全オフラインで動作する個人向けのかんばん式タスク管理デスクトップアプリです。シンプルで軽量、複雑さのないUIですぐに使いこなせるようになります。OSSではありませんが完...
Resource - Webデザイナー向け
どのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリ・「DFlex」
DFlex DFlexはどのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリです。 他のD&Dライブラリとの大きな差として、最小限のレイアウトシフトをあげています。Webページで操作する要...
Tailwind.cssベースのオープンソースReact UIキット・「Windy」
Windy WindyはTailwind.cssベースのReact UIキットです。簡単で素早くWebサイトを作成えきてカスタマイズしやすいよう設計されたそうです。 各コンポーネントのスタイルは内部のデフォルトテーマでスタイリン...
画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプト・「tobii」
tobii tobiiは画像でもiframでも対応できるシンプルで使いやすく汎用的な非依存のlightboxスクリプトです。 任意のHTML要素や画像だけでなく、YoutubeやVimeoなどの動画や任意のWebページなども可能...
Tailwind.cssのユーティリティクラスをBootstrapやBlumaなど他のCSSフレームワークで使えるようにする拡張スクリプト・「Foxtail」
Foxtail Foxtailは、読み込むだけで他のCSSフレームワークでTailwind.cssのユーティリティクラスを使えるようにするCSSフレームワーク拡張スクリプトです。 BootstrapやBluma、UIkitやFo...
オープンソースとして公開されているBootstrap向けのナレッジベース用テンプレート・「KnowledgeBase.dev」
KnowledgeBase.dev KnowledgeBase.devはオープンソースとして公開されているBootstrap向けのナレッジベース用テンプレートです。 トップページ以外に数ページ用意されており、最低限のナレッジベー...
自動または手動で画像の背景を削除できるWebアプリ・「FocoClipping」
FocoClipping FocoClippingは自動または手動で画像の背景を削除できるWebアプリです。既に多くの同様のツールが存在しますが、こちらも用途は同じです。 基本的にはAIベースで画像を解析して前景を抽出し、周囲を...
スピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリ・「Elementz」
Elementz Elementzはスピーディーなアプリケーション開発をサポートするReactコンポーネントライブラリです。 基本的なコンポーネントの構成は従来のUIライブラリの類と似たようなものですが、Elementzでは他ラ...
CSS製のすりガラスを見た目を確認しながら作れるWebアプリ・「css.glass」
css.glass css.glassはCSS製のすりガラスを見た目を確認しながら作れるWebアプリです。上の様な、後方レイヤーにblurがかかるやつを簡単に作れるやつ。 設定をいじりながら作りたいすりガラスをつくってコードをコ...
Windows7のUIを再現できるスタイルシート・「7.css」
7.css See the Pen QWpzrZb by kachibito (@kachibito) on CodePen. 7.cssはWindows7のUIを再現できるスタイルシートです。98.css、XP.cs...
他デバイス複数人で同時にローカル環境の動画ファイルを閲覧、チャット等もできるOSS・「Local Party」
Local Party Local Partyはローカル環境の動画ファイルを複数人で同時にそれぞれ異なるデバイス同士で閲覧、チャット等もできるOSSです。 チャットツールのように部屋を作成するようです。ただ、それぞれが同じ動画フ...
フリーランスのライター向けに作られたオンラインの静的Webジェネレーター・「Lancer Profile」
Lancer Profile Lancer Profileはフリーランスのライター向けに作られたオンラインの静的Webジェネレーターです。ライター向けのポートフォリオを作成できる、というものですが、ライター以外でも対応できそうです。メ...
医療や健康に関するシンプルなアイコンをOSSとして配布する・「Health Icons」
Health Icons Health Iconsは医療や健康に関するシンプルなアイコンをOSSとして配布するプロジェクトです。 医学や薬学、歯学などや健康に関する各種のさまざまなアイコンが600以上用意され、全てMITライセン...
読み込むだけでアクセシビリティチェックを行えるCSS・「Checka11y.css」
Checka11y.css Checka11y.cssは読み込むだけでアクセシビリティチェックを行えるCSSです。 よくあるアクセシビリティチェックツールのと同等の精度かどうかは個人的には少し懐疑的ですがCSS製とあって非常に手...
シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」
react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...
クリーンなHTMLを保てるシンプルなclassのTailwind.css用UIコンポーネント集・「daisyUI」
daisyUI daisyUIはクリーンなHTMLを保てるシンプルなclassのTailwind.css用UIコンポーネント集です。 この手のUIフレームワークの一部ではユーティリティクラスを組み合わせる事が多く、細かい設定が可...
20GBまで無料で利用可能のシンプルでセキュアなファイルストレージサービス・「Files」
Files Filesは20GBまで無料で利用可能のシンプルでセキュアな分散型ファイルファイルストレージです。 20GBまで無料、というか基本的に有料プランは無く、利用ユーザーには20GBの容量が与えられます。データは全て暗号化...
手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーター・「Oslo」
Oslo Osloは手軽にVScodeのテーマを作成出来るオンラインVScodeテーマジェネレーターです。 以前ご紹介したTheme Studioも同じようにVScodeのテーマを作成出来るものでしたが、細かいところまで設定でき...
900以上のシンプルなSVGアイコンをオープンソースで提供するアイコンプロジェクト・「Iconoir」
Iconoir Iconoirは900以上のシンプルなSVGアイコンをオープンソースで提供するアイコンプロジェクトです。900という数は、同じアイコンで線画と塗りがある、というものではなく純粋に900種以上のアイコンが用意されています...
スクロールに応じて任意の要素をアニメーションさせる超軽量スクリプト・「animon」
animon See the Pen RwpWBqd by kachibito (@kachibito) on CodePen. animonはスクロールに応じて任意の要素をアニメーションさせる超軽量スクリプトです。非...
手軽に使えるAIベースのオンラインフォトエディタ・「PhotoKit」
PhotoKit PhotoKitは手軽に使えるAIベースのオンラインフォトエディタです。細かい調整が出来ませんが、基本的に全ての作業を自動で行います。 特定のオブジェクトの切り取り、逆に特定のオブジェクトの除去、各レタッチ、フ...
カスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワーク・「Madosel」
Madosel Madoselはカスタマイズ性と柔軟性を意識したセマンティックで扱いやすいフロントエンドフレームワークです。 レイアウトや各所サイズ、マージンなどを細かくclassで用意したユーティリティメインのCSSフレームワ...