90年代を彷彿とさせるカーソルエフェクトを実装するためのライブラリ・「90’s Cursor Effects」
90's Cursor Effects See the Pen Untitled by kachibito (@kachibito) on CodePen. 90's Cursor Effectsは90年代のW...
Resource -"キーワード指定なし"
1つのdiv要素で作れる実用的なCSSローダーのコレクション・「one `div` loaders」
one `div` loaders See the Pen Untitled by kachibito (@kachibito) on CodePen. one `div` loadersは1つのdiv要素で作...
150以上のオンラインツールを管理、その場で利用できるワークスペースアプリ・「Saladtools」
Saladtools Saladtoolsは150以上のオンラインツールを管理、その場で動作テストできるワークスペースアプリです。 マーケティングや開発ツール、デザインなどなど様々な分野のフリーツールが集約しており、好みのツール...
アプリケーションの実行中でもトラブルシューティングを行う事が出来るオープンソースのライブアプリケーションデバッガー・「Sidekick」
Sidekick Sidekickはアプリケーションの実行中でもデバッグ作業を行う事が出来るオープンソースのライブアプリケーションデバッガーです。 バックエンド版のChrome DevToolsみたいなもの、と説明していて、アプ...
無料で利用可能な、多様な目的のプレゼンに使えるアイコンやイラストが含まれたプレゼンテンプレートのセット・「Lucid 」
Lucid Lucidは無料で利用可能な、多様な目的のプレゼンに使えるアイコンやイラストが含まれたプレゼンテンプレートのセットです。 プレゼン作成のあれこれをサポートするpremastが5周年を迎えたそうで、そのお祝いギフトとし...
フィードやsitemap、PWAを標準サポートしたパフォーマンス重視のSvelte製オープンソースブログシステム・「QWER」
QWER QWERはATOMフィードやsitemap、PWAを標準サポートしたパフォーマンス重視のブログシステムです。Svelte製でOSSとしてソースコードが公開されています。 PageSpeed Insightsでほぼオール...
静的Webサイトでも設置できるフォームをノーコードで作成、管理できるOSS・「formify」
formify formifyは静的Webサイトでも設置できるフォームをノーコードで作成、管理できるOSSです。TSで書かれています。 フォームはコードを書かずに複数作成可能で、それぞれにスクリプトコードが発行され、個々に管理で...
各アプリストアなどアプリを紹介するプラットフォームで使えるアプリの紹介用スクリーンショットを作成出来る・「App Screenshot Generator」
App Screenshot Generator App Screenshot Generatorは各アプリストアなどアプリを紹介するプラットフォームで使えるアプリの紹介用スクリーンショットを作成出来るWebアプリです。 App...
実際の株価がリアルタイムで反映されるオープンソースの株式市場シミュレーションゲーム・「Bloom」
Bloom Bloomは実際の株価がリアルタイムで反映されるオープンソースの株式市場シミュレーションゲームです。いわゆる株取引ゲームで、日本でも割と前からトレダビなどの実際の株価を元にした株取引ゲームが あります。 アメリカ株...
ブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリ・「LinkWarden」
LinkWarden LinkWardenはブックマーク時にスクリーンショットとPDFでも保存してくれるオープンソースのブックマーク&アーカイブWebアプリです。 オンラインブックマークの機能にWebアーカイブ機能を加えたような...
Web開発者のために開発されたWebエンジニアチーム向けのオンラインホワイトボード・「Eraser」
Eraser EraserはWeb開発者のために開発されたWebエンジニアチーム向けのオンラインホワイトボードです。 コードを書いてダイアグラムを共有したり、コードそのものをブロックにして作図したり、キーボードファーストなフロー...
グラデーションカラーの管理が可能なオープンソースのWebアプリ・「Gradientify」
Gradientify Gradientifyはグラデーションカラーの管理が可能なオープンソースのWebアプリです。CSSのコピーやPNGとしてのダウンロード、ブックマーク等が可能です。 既に綺麗なグラデーションが100以上用意...
2Dや3Dの円グラフを簡単な記述でパッと作れる円グラフ作成ツール・「Pie Chart Maker」
Pie Chart Maker Pie Chart Makerは2Dや3Dの円グラフを簡単な記述でパッと作れる円グラフ作成ツールです。日本語も入力可能、利用にあたり何かしら登録する必要はなく誰でも利用可能です。 タイトルや背景色...
タスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロアプリ・「Tomodoro」
Tomodoro Tomodoroはタスクの設定や分析、PIP機能も付いた、オフラインでも動作するオープンソースのポモドーロタイマーアプリです。JavaScript/HTML/CSSで書かれており、ブラウザで動作します。UIもシンプル...
Microsoftがオープンソースで提供する、Teamsで使われている1500以上の3Dスタイルな絵文字・「Fluent Emoji」
Fluent Emoji Fluent EmojiはMicrosoftがオープンソースで提供する1500以上の3Dスタイルな絵文字のコレクションです。 Teamsで使われている絵文字のようで、この度オープンソースとしてGithu...
Material UIのReactコンポーネントで構築されているオープンソースの管理画面・「Minimal-UI」
Minimal-UI Minimal-UIはMaterial UIのReactコンポーネントで構築されているオープンソースのダッシュボードテンプレートです。 デモページが7ページほど用意されており、管理画面及びコンポーネントを構...
非推奨のmarqueeタグのような動作をモダンなCSSで再現
Result See the Pen CSS Marquee Examples by kachibito (@kachibito) on CodePen. ジオシティーズ時代のWebサイトの象徴のような存在...
シンプルで直感的に使える国産のスケジュール調整アプリ・「Tocaly」
Tocaly Tocalyはシンプルで直感的に使えるスケジュール調整アプリです。日本の方が開発されており、UIもカレンダーも全て日本に対応されています。 使い方もシンプルで分かりやすくなっており、カレンダーから候補日時を選び、U...
WebサイトやUI、ポスター、ロゴやイラストなど様々な制作例を大量に用意したカラーパレットジェネレーター・「Palette Maker」「」
Palette Maker Palette MakerはWebサイトやUI、ポスター、ロゴやイラストなど様々な制作例を大量に用意したカラーパレットジェネレーターです。 大量の制作例があり、全て表示したりUIやWebサイトなどに限...
個人の自宅の美しい作業デスクの写真と、その構成を紹介する・「Workspaces」
Workspaces Workspacesは個人の自宅の美しい作業デスクの写真と、その構成を紹介するデスクセットアップの紹介サイトです。 コロナ禍で多くの人がWFH（Work from home：在宅勤務の事）を余儀なくされた時...
アーリーステージのスタートアップのために厳選されたSaaSのコレクション・「SaaS Product Stack for Startups」
SaaS Product Stack for Startups SaaS Product Stack for Startupsはアーリーステージのスタートアップのために厳選されたSaaSのコレクションです。 アーリー期（起業直後...
文章の任意の行で文字省略を3点リーダーでなくグラデーションで
Result See the Pen MDN's cool truncation by kachibito (@kachibito) on CodePen. 長い文章を自動で省略するやつです。 CSSだけ...