単一要素で枠線のあるポップなbox-shadowを作る Result See the Pen Untitled by kachibito (@kachibito) on CodePen. ちょっとコミック風の、枠線ありのポップなbox-shadowを単一要素で作...2022.06.24 | 10時05分50秒
Markdownライクな記法でタイムラインを作成できるオープンソースのWebアプリ・「Markwhen」 Markwhen MarkwhenはMarkdownライクな記法でタイムラインを作成できるオープンソースのWebアプリです。Vueで書かれています。 割と複雑なタイムラインにも対応可能で、書き方もMarkdownにある程度慣れて...2022.06.23 | 9時50分35秒
Googleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォーム・「Bunny Fonts」 Bunny Fonts Bunny FontsはGoogleフォントと互換性を持ったGDPR準拠のプライバシーを重視したWebフォントプラットフォームです。オープンソースを謳っていますが開示されたソースがどこか分かりませんでしたので後...2022.06.22 | 10時03分48秒
ノートアプリのBearの代替として開発されたオープンソースのWebベースのノートアプリ・「Koala」 Koala KoalaはノートアプリのBearの代替として開発されたオープンソースのWebベースのノートアプリです。Mac向けノートアプリのBearの代替として開発したそうですがWebベースとなっており、OSを問わず利用できるようにな...2022.06.21 | 9時50分59秒
様々なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリ・「React Charts」 React Charts React Chartsは多種多様なグラフに対応したフレキシブルで高性能なオープンソースのReact向けチャートライブラリです。 上動作デモのように、様々なタイプのグラフを描画可能で、表現にも非常に応用...2022.06.20 | 9時51分26秒
Tailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張・「Tailwind DX」 Tailwind DX Tailwind DXはTailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張のためのChromeエクステンションです。 インストールすると普段使うDevToolsにTa...2022.06.19 | 10時00分32秒
AIで画像を劣化させずにクオリティを維持したままサイズを倍にしてくれるWebアプリ・「Image Upscaler」 Image Upscaler Image UpscalerはAIで画像を劣化させずにクオリティを維持したままサイズを倍にしてくれるWebアプリです。 サイズアップしたい画像をローカルから選ぶだけで自動で拡大し、元画像との比較...2022.06.18 | 10時10分50秒
温室効果ガスの排出量など気候データを提供する為のAPI・「earth.api」 earth.api earth.apiは温室効果ガスの排出量など気候データを提供する為のAPIです。データのソースは米国海洋大気庁(NOAA)で公開されているデータだそうです。 主な温室効果ガスであるとされるCH4(メタン)、C...2022.06.17 | 9時53分36秒
Twitterの任意の投稿を静的HTMLで表示するためのWebアプリ・「Tweetzer」 Tweetzer See the Pen Untitled by kachibito (@kachibito) on CodePen. Tweetzerは任意のTwitterの投稿を静的HTMLで表示できる...2022.06.16 | 9時51分29秒
ユーザー登録やメールアドレス不要で使えるWebアプリだけを収集しているコレクションサイト・「nosignup.tools」 nosignup.tools nosignup.toolsはユーザー登録やメールアドレス不要で使えるWebアプリだけを収集しているコレクションサイトです。今のところ管理者が手作業で追加してるそうです。 現在さまざまなカテゴリに分...2022.06.15 | 10時08分52秒
必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレート・「Admini」 Admini Adminiは必要なものだけ揃えたミニマルなBootstrap 5ベースのオープンソース管理画面テンプレートです。 昨出来うる限り隠せる限り隠しに隠した結果どこに何があるか分かりにくくなった、みたいな極端なmini...2022.06.14 | 10時03分36秒
RedditやHacker News等のようなソーシャルニュースアグリゲーター/議論プラットフォームを構築する為のRust製OSS・「Lemmy」 Lemmy LemmyはRedditやHacker News、Lobste.rs等のようなソーシャルニュースアグリゲーター/議論プラットフォームを構築する為のOSSです。Rust製となっています。 自分でサーバーを建てて任意のブ...2022.06.13 | 10時08分50秒
CSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキット・「CSS GUI」 CSS GUI CSS GUIはCSSのビジュアル開発環境として開発された、Web上の要素のスタイルを編集できるオープンソースのビジュアルツールキットです。 既にある要素をクリックするとアウトラインが表示され、左ペインのツールエ...2022.06.12 | 10時08分46秒
Reactベースで独自のWebアプリ向けコマンドパレットを作成出来る・「react-cmdk」 react-cmdk react-cmdkは独自のWebアプリ向けコマンドパレットを作成出来るReactコンポーネントパッケージです。開発者にはお馴染みのコマンドパレットをWebアプリ等に導入できる、というもの。 検索窓にテ...2022.06.11 | 9時54分49秒
高速でシンプル且つプライバシーファーストなオープンソースのGoogleアナリティクス/タグマネージャー代替・「Scale8」 Scale8 Scale8は高速でシンプル且つプライバシーファーストなオープンソースのGoogleアナリティクス/タグマネージャー代替のOSSです。 GDPR、CCPA、PECRなどに準拠したタグマネージャーと、プライバシーに配...2022.06.10 | 9時44分00秒
250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントセット・「Preline UI」 Preline UI Preline UIは250以上のコンポーネントが用意されたTailwind.cssベースのオープンソースなUIコンポーネントのセットです。 React、Vueと互換性があり、全てのコンポーネントはRWD対...2022.06.09 | 10時06分22秒
スクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプト・「PushIn.js」 PushIn.js PushIn.jsはスクロールに応じて任意の要素をアニメーションさせる非依存の軽量スクリプトです。ES5に準拠した全てのブラウザに対応しており、非依存で動作も軽く使い方も簡単です。 JavaScriptとCS...2022.06.08 | 10時01分59秒
PWAに対応した様々な分野のアプリをカテゴリやタグ等で探せる・「PWA List」 PWA List PWA ListはPWA(Progressive Web App)に対応した様々な分野のアプリをカテゴリやタグ等で探せるPWAコレクションサイトです。例にもれずPWA ListもPWAに対応していました。 ビジ...2022.06.07 | 10時06分32秒
ConfluenceやJIRA等の代替として開発されたシンプルでパワフルなオープンソースのプロジェクト管理ツール・「Joindesk」 Joindesk JoindeskはConfluenceやJIRA等の代替として開発されたシンプルでパワフルなオープンソースのプロジェクト管理ツールです。 プロジェクトの状況はウィジェットで確認可能で、自分に割り当てられたiss...2022.06.06 | 9時56分27秒
ダイアグラムを描くためのSvelteコンポーネントライブラリ・「Svelvet」 Svelvet Svelvetはダイアグラムを描くための軽量なSvelteコンポーネントライブラリです。インタラクティブなノードベースのフロー図を構築する事が出来ます。 拡大縮小、ドラッグ操作によるノードの移動や視点変更、カスタ...2022.06.05 | 10時07分24秒
任意のSVGをアップロードして落書き風アニメーションに加工してくれるWebアプリ・「Crayon」 Crayon Crayonは任意のSVGファイルをアップロードして落書き風アニメーションに加工してくれるWebアプリです。 SVGをゆるーい感じに加工してDL出来る、みたいな感じのやつです。アニメーションの有無、アニメーション有...2022.06.04 | 10時09分03秒
面倒な設定不要で手軽にアニメーションエフェクトを付与してくれるライブラリ・「AutoAnimate」 AutoAnimate AutoAnimateは面倒な設定不要で手軽にアニメーションエJavaScriptライブラリです。学習コストもほぼ必要なくCSSを書く必要もありません。 React、Vue、SvelteやVanillaで...2022.06.03 | 10時00分34秒