シンプルで汎用的なアバターを生成するオープンソースのReactライブラリ・「react-nice-avatar」 react-nice-avatar react-nice-avatarはシンプルで汎用的なアバターを生成するオープンソースのReactライブラリです。 性別や表情、髪型やその色、服や肌の色、耳や鼻のサイズなど顔の各パーツや背景等...2021.06.03 | 10時05分19秒
任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリ・「Boring Avatars」 Boring Avatars Boring Avatarsは任意のテキストとカラーパレットからシンプルなSVGアバター等を生成するReactライブラリです。 テキストを入力すると、そのテキストに合わせて内容が変化する、というもの...2021.05.31 | 10時01分42秒
管理画面テンプレートも用意されたオープンソースのVue.js向けUIフレームワーク・「Vuestic UI」 Vuestic UI Vuestic UIはオープンソースのVue.js向けUIフレームワークです。Vue 3に対応しており多数コンポーネントに加えて管理画面テンプレートも用意されています。 コンポーネントはアラートやボタン、ト...2021.05.22 | 10時09分05秒
cannon.jsベースの軽量なJavaScript製3D物理エンジン・「cannon-es」 cannon-es cannon-esはWeb用の軽量なJavaScript製3D物理エンジンです。three.jsのシンプルなAPIをインスパイアしてるそうです。 開発の止まってしまったcannon.jsをフォークし、開発継続...2021.05.17 | 10時00分36秒
スクロールに応じて任意の要素をアニメーションさせる超軽量スクリプト・「animon」 animon See the Pen RwpWBqd by kachibito (@kachibito) on CodePen. animonはスクロールに応じて任意の要素をアニメーションさせる超軽量スクリプトです。非...2021.05.12 | 10時06分13秒
任意のWebサイトにコードエディタを実装できるスクリプト・「Copenhagen Editor」 Copenhagen Editor Copenhagen Editorは任意のWebサイトにコードエディタを実装できるスクリプトです。 highlight.jsとfeather iconsが内蔵されていますが、その他のライブラリ...2021.04.28 | 10時09分25秒
軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリ・「WinBox.js」 WinBox.js See the Pen GRrzXoo by kachibito (@kachibito) on CodePen. WinBox.jsは軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリで...2021.04.26 | 10時06分17秒
チャット風のフォームを実装できるスクリプト・「chatty-form」 chatty-form chatty-formはチャット風のフォームを実装できるスクリプトです。React向けに設計されています。かなり昔にChattyというjQueryのプラグインがありましたが同じような感じのものです。 質問...2021.04.23 | 10時04分33秒
任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリ・「party.js」 party.js party.jsは任意の要素に好みのエフェクトを付与できるシンプルなJavaScriptライブラリです。 導入も操作も簡単で、利用するに特に困る事も無さそうなので覚えておこうかなと思います。 以下動作サン...2021.04.21 | 10時03分15秒
映画向けに作られたオープンソースのメディアプレーヤー・「Moovie.js」 Moovie.js Moovie.jsは映画向けに作られたオープンソースのメディアプレーヤーです。映画向けとありますが基本的にはどの内容の動画でも問題なく動作します。 基本的なメディアプレーヤーの機能に加えて.vttや.srtな...2021.04.15 | 10時06分02秒
軽量で非依存のカスタマイズ可能なパーティクル生成ライブラリ・「tsParticles」 tsParticles See the Pen tsParticles - Monocromatic confetti explosions by Matteo Bruni (@matteobruni) on CodePen...2021.04.07 | 10時06分38秒
Vue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリ・「Avatar Maker」 Avatar Maker Avatar MakerはVue.jsで作られた、パーツを組み合わせて作れるアバター作成アプリです。 任意の箇所から好みのパーツを選んで組み合わせてアバターを作成出来るよくあるやつです。素材やスタイルを...2021.03.20 | 10時14分56秒
仮想キーボードを実装する非依存で軽量なJavaScriptライブラリ・「Simple-keyboard」 Simple-keyboard Simple-keyboardは仮想キーボードを実装する非依存で軽量なJavaScriptライブラリです。PCのキーボードをモニターに表示してマウスでキーを選択できる、というもの。 スパイウェア対...2021.03.04 | 9時56分53秒
設定が一切不要でページロード中にプログレスバーを自動で実装してくれるスクリプト・「pace.js」 pace.js See the Pen rNWwwap by kachibito (@kachibito) on CodePen. pace.jsは設定が一切不要でページロード中にプログレスバーを自動で実装してくれるス...2021.02.19 | 10時05分37秒
シンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキット・「bangle.dev」 bangle.dev bangle.devはシンプルなUIのモダンなwysiwygエディタを構築するためのオープンソースのツールキットです。 基本的にはReactで使う事を想定した設計で今後はVueもサポートする予定との事です。...2021.02.15 | 10時02分41秒
すごくシンプルで使いやすい非依存型の画像拡大鏡スクリプト・「js-image-zoom」 js-image-zoom See the Pen PobWowK by kachibito (@kachibito) on CodePen. js-image-zoomはシンプルで使いやすい非依存型の画像拡大鏡スクリ...2021.02.13 | 10時00分27秒
ダミーの画像やテキストを提供するweb components・「</placeholders>」 </placeholders> See the Pen dyOXOrR by kachibito (@kachibito) on CodePen. </placeholders>はダミーの画像や...2021.02.09 | 10時03分36秒
セキュアでシンプルなオープンソースのパスワードジェネレーター・「passwrd.in」 passwrd.in passwrd.inはセキュアでシンプルなオープンソースのパスワードジェネレーターです。Vueで書かれており、サーバーには一切データは送信されず、ブラウザのみで処理されます。 パスワードは数字や記号を含めた...2021.02.05 | 9時59分51秒
タッチデバイスにも対応した、要素を複数選択できるようにするスクリプト・「Selecto.js」 Selecto.js Selecto.jsタッチデバイスにも対応した、要素を複数選択できるようにするスクリプトです。マウスによるドラッグだけでなくスマフォ等のタッチデバイスにも対応しています。 他ライブラリに依存せずVanill...2021.01.25 | 10時08分01秒
軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」 Tiny-Swiper See the Pen VwKWMym by kachibito (@kachibito) on CodePen. Tiny-Swiperは軽量で拡張的な非依存のカルーセルライブラリです。他ライ...2020.12.19 | 10時08分49秒
カスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワーク・「EasyGrid」 EasyGrid EasyGridはカスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワークです。 依存性の無い軽量なJavaScrioptとCSSで様々なRWDのグリッドレイアウトを構築出来るようになっていま...2020.12.12 | 10時13分13秒
CSSのclip-pathを簡単な操作で生成できるオンラインツール・「CSS clip-path Editor」 CSS clip-path Editor See the Pen CSS clip-path Editor by Mads Stoumann (@stoumann) on CodePen. CSS clip-pat...2020.12.11 | 10時12分26秒