ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」
Quotebacks Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。 以下のように引用と引用元へのリンクとファビ...
Resource - フロントエンドエンジニア向け
ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」
Floating UI Floating UIはツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリです。 表示位置の調整やスクロールした際の位置調整など、ユ...
素早くドキュメントサイトをMarkdownで作成、運用できるオープンソースのドキュメント生成ツール・「docs.page」
docs.page docs.pageは素早くドキュメントサイトをMarkdownで作成、運用できるオープンソースのドキュメント生成ツールです。 GitHubの公開リポジトリから直接コンテンツを取得して手軽にドキュメントサイトを...
パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」
Swiffy Slider See the Pen Untitled by kachibito (@kachibito) on CodePen. Swiffy Sliderはパフォーマンスを重視した高速で軽量な...
Vue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレート・「Aatrox」
Aatrox AatroxはVue.jsとTailwind.cssで設計されたオープンソースの管理画面テンプレートです。開発者フレンドリーで多機能、カスタマイズ性の高い管理画面の開発を目的としているそうです。 高い利便性と汎用性...
アクセシブルなモバイルアプリを構築する為のデザインファーストなUIキット・「Pearl UI」
Pearl UI Pearl UIはアクセシブルなモバイルアプリを構築する為のデザインファーストなUIキットです。現在のところ、Expoのマネージドワークフローを使用しているReact Nativeプロジェクトのみサポートされています...
シンプルなUIで見やすく使いやすいオープンソースのTailwind.css製の管理画面テンプレート・「Windster」
Windster WindsterはシンプルなUIで見やすく使いやすいオープンソースのTailwind.css製の管理画面テンプレートです。Tailwind.cssのユーティリティクラスのみを使用して構築されています。 管理画面...
カレンダーサービスに任意のイベントを追加するボタンを設置する為のJavaScript・「Add-to-Calendar Button」
Add-to-Calendar Button See the Pen Untitled by kachibito (@kachibito) on CodePen. Add-to-Calendar Butto...
HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」
Can I Include Can I IncludeはHTMLのタグ内に含めて良いタグかどうかを教えてくれるWebアプリです。HTMLタグがネスト可能かどうかをチェックできる、というもの。 調べ方は簡単で、左に子、右に親のHT...
50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのOSS・「PoemKit」
PoemKit PoemKitは50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのオープンソースのWeb開発キットです。 Reactを使ったUIキットで、サーバーサイドレンダリングによる高速な...
JavaScriptのコードスニペットのパフォーマンスを比較できるチェックツール・「HASTY」
HASTY HASTYはJavaScriptのコードスニペットのパフォーマンスをオンラインで比較できるチェックツールです。上のようにembedやURLで共有する事も可能となっています。 昔からあるjsperfやJSBench.m...
CodePenやJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリ・「Code Box」
Code Box Code BoxはJSFiddleにインスパイアされたHTML/CSS/JavaScriptのコードを実行できるOSSデスクトップアプリです。 Electronで作られておりWindows、Mac、Linuxな...
1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリ・「CodeSnippet.Run」
CodeSnippet.Run CodeSnippet.Runは1つのページで複数のJavaScriptコードスニペットを個別に実行できるWebアプリです。 jsfiddleやcodepenなどのようにCSSやHTML等のタブは...
モダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリ・「Semi UI」
Semi UI Semi UIはモダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリです。TikTokフロントエンド技術チームによって開発されています。 UIコンポーネントは大量に用意されており、W...
モバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザ・「LT Browser」
LT Browser LT Browserはモバイルデバイス向けのWebサイト構築のために開発された開発者向けブラウザです。クロスブラウザテストのアプリを公開しているLambdaTestが開発したブラウザになります。 プリインス...
任意のWebサイトで画像が最適化されているかを調べるCloudflare製のチェックツール・「Image Optimization Test」
Image Optimization Test Image Optimization Testは任意のWebサイトで画像が最適化されているかを調べるチェックツールです。 CDNでお馴染みのCloudflare製となっており、チェ...
任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリ・「ANALYZE CSS」
ANALYZE CSS ANALYZE CSSは任意のWebサイトのCSSを解析して詳細なデータを提供してくれるWebアプリです。URLだけでなく直接CSSのコードを入力する事も可能です。 提出される詳細データは非常に細かく、行...
カーソルの外観や動作などの高度なカスタマイズが可能なオープンソースのライブラリ・「Blobity」
Blobity Blobityはカーソルの見た目や動きなどの高度なカスタマイズが可能なOSSのJavaScriptライブラリです。 形状や色、サイズからアニメーション、背景に応じた色の変化、任意の要素にフォーカスした際に形状変化...
JSONに続くシンプルなデータシリアライズフォーマット・「Internet Object」
Internet Object Internet ObjectはJSONに続く次世代のシンプルで扱いやすいデータシリアライズフォーマットです。 インターネットによるデータ転送用に作られたフォーマットで、人間が読みやすく、組み込み...
データを可視化し、グラフから別のグラフへアニメーション推移させる事が出来るスクリプト・「Vizzu」
Vizzu See the Pen Untitled by kachibito (@kachibito) on CodePen. Vizzuはデータを可視化し、グラフから別のグラフへアニメーション推...
React開発者向けのオープンソースのプロトタイピングツール・「ReacType」
ReacType ReacTypeはReact開発者向けに開発されたプロトタイピングのためのユーザーフレンドリーなGUIです。オープンソースとして提供されており、Windows、Mac、Linuxなど各OSに対応しています。 ド...
Web制作等の際にあると地味に便利なWebアプリを複数公開している・「10015.io」
10015.io 10015.ioはWeb制作等の際にあると地味に便利なWebアプリを複数公開しているWebサイトです。 どこかで公開されているアプリを紹介しているのではなく、全て自身のWebサイトで公開されているもので、ダミー...