Three.jsを使ってマネキンに任意のポーズで表現できるスクリプト・「mannequin.js」
mannequin.js See the Pen rNMLqKv by kachibito (@kachibito) on CodePen. mannequin.jsはThree.jsを使って3Dマネキンに任意のポーズ...
Resource - オープンソース
テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」
SPCSS See the Pen QWKyJpY by kachibito (@kachibito) on CodePen. SPCSSはテキスト中心のコンテンツ向けに作られた超軽量スタイルシートです。開発者本人がテ...
1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセット・「EOS Icons」
EOS Icons EOS Iconsは1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセットです。 超大量に用意されたアイコンは様々なシーンや属性を問わず利用しやすく設計されています。SVGとタイトルに書...
機能豊富でシンプルなオープンソースのデスクトップノートアプリ・「Yana」
Yana Yanaは機能豊富でシンプルなオープンソースのデスクトップノートアプリです。Win、Mac、LinuxやUbuntuなど各OSに対応しています。 基本的にはリッチテキストエディタでテキストだけでなくメディアの投稿やリス...
クライアント側でPGP鍵のペアを生成するOSS・「ALICE & BOB」
ALICE & BOB ALICE & BOBはクライアント側でPGP(Wikipedia)鍵のペアを生成するOSSです。動作も軽量、シンプルで扱いやすく作られています。 クライアント側で、という時点で想像された方もいらっしゃる...
BPMN表記やタイムラインなどの機能も備えたカンバンタイプのオープンソースなプロジェクト管理ツール・「L’atelier」
L'atelier L'atelierはBPMN表記やタイムラインなどの機能も備えたカンバンタイプのオープンソースなプロジェクト管理ツールです。 BPMN(業務プロセスモデル図)エディターやキャンバス機能、タスクやプロジェクトの...
CSS-Tricksによるコーディングに最適なフォントのまとめ・「Coding Fonts 」
Coding Fonts Coding FontsはCSS-Tricksによるコーディングに最適なフォントのまとめサイトです。 先日ご紹介したDev Fontsと異なり、肝心のコードは確認出来るものの、画像となっていて実際に打...
プライバシーファーストなオープンソースのナレッジベース・「Logseq」
Logseq Logseqはプライバシーファーストなオープンソースのナレッジベースです。個人情報を重視したナレッジ管理共有ツールだそう。 Roam Research、Org Mode、Tiddlywiki、Workflowyなど...
テキストのインデントだけでマインドマップやサイトマップなど様々なダイアグラムを描けるOSS・「TextUSM」
TextUSM TextUSMはテキストのインデントだけでマインドマップやサイトマップなど様々なダイアグラムを描けるWebアプリです。OSSとしてもソースコードが公開されています。 描けるのはサイトマップ、マインドマップ、ユーザ...
Notionのようなスラッシュコマンドが使えるOSSなノートアプリ・「Notion Clone」
Notion Clone Notion CloneはNotionのようなスラッシュコマンドが使えるOSSなノートアプリです。Next.jsが採用されています。 ブロックレベルのエディタでHTMLやNotionライクなスラッシュコ...
オープンソースのAndroid向けリアルタイム音声翻訳アプリ・「RTranslator」
RTranslator RTranslatorはオープンソースのAndroid向けリアルタイム音声翻訳アプリです。テキスト翻訳にも対応しています。オープンソースで提供されるリアルタイム翻訳アプリとしては世界初だそうです。日本語を含む3...
各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集・「Super Tiny Icons」
Super Tiny Icons Super Tiny Iconsは各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集です。 TwitterやInstagram、Tumblrなどお馴染みのSNSや...
シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」
Pattern Monster Pattern Monsterはシンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリです。 波状や罫線、レンガ状、方眼紙、、サークルを使ったものやスクエ...
シンプルで視認性の高いオープンソースのアイコンフォント・「Essentials」
Essentials Essentialsはシンプルで視認性の高いオープンソースのアイコンフォントです。GPLライセンスの元で配布されています。 300ほどのアイコンフォントが用意されており、インストールする事で設定された文字を...
任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なOSS・「Color Pick.」
Color Pick. Color Pick.は任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なカラーピッカーWebアプリです。 任意の写真を読み込むと表示され、写真の好きな場所か...
多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」
OrbitCSS See the Pen eYzLLbZ by kachibito (@kachibito) on CodePen. OrbitCSSは多数のコンポーネントも用意されたFlexboxベースのモダ...
沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできる・「Icônes」
Icônes Icônesは沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできるWebアプリです。 90種近いアイコンプロジェクトが纏められており、それぞれのプロジェク...
コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」
Cirrus.CSS Cirrus.CSSはコンポーネントとユーティリティ重視のCSS(SCSS)フレームワークです。ラピッドプロトタイピングを目的に開発したそうです。 レスポンシブで軽量、モジュール式なので無駄もなく、既存の人...
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フレームワークです。 ...
任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...
くっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパック・「Phosphor」
Phosphor Phosphorはくっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパックです。 600近い種類の汎用的なSVG線画アイコンが用意されており、線の太さや色などをサイト内で調整する事も可能となっ...