高速かつシンプルで使いやすいJavaScriptアニメーションライブラリ・「luge」 luge lugeは高速かつシンプルで使いやすいJavaScriptアニメーションライブラリです。プラグインを追加して拡張する事も可能です。 読み込むだけでhtmlタグに自動でデバイスやブラウザのclassも付与されるので異なる...2022.01.07 | 10時04分34秒
パララックス効果を簡単に付与できるスクリプト・「simpleParallax.js」 simpleParallax.js simpleParallax.jsはパララックス効果を簡単に付与できるスクリプトです。非依存型のシンプルで軽量なスクリプトで、任意の画像にパララックスアニメーションを簡単に付与する事が出来ます。 ...2021.12.21 | 10時03分50秒
非依存型で軽量な使いやすい通知用JavaScriptライブラリ・「Notyf」 Notyf Notyfは非依存型で軽量な使いやすい通知用JavaScriptライブラリです。レスポンシブで、アクセシビリティにも配慮、カスタマイズ性に優れ、非依存なのでReact、Angular、Aurelia、Vue、Svelteな...2021.12.18 | 10時06分40秒
ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」 Quotebacks Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。 以下のように引用と引用元へのリンクとファビ...2021.12.17 | 10時04分18秒
ツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリ・「Floating UI」 Floating UI Floating UIはツールチップやポップオーバー、ドロップダウンなどのフローティングエレメントを完全制御する為のJavaScriptライブラリです。 表示位置の調整やスクロールした際の位置調整など、ユ...2021.12.10 | 9時45分26秒
開閉パネルやアコーディオン、タブなど切り替え要素のあるUIの為の軽量JavaScriptライブラリ・「Tiny UI Toggle」 Tiny UI Toggle Tiny UI Toggleは開閉パネルやアコーディオン、タブなど切り替え要素のあるUIの為の軽量JavaScriptライブラリです。 なるべく少ないコードで汎用的なUIを使う、みたいな試みで、カス...2021.12.03 | 10時05分40秒
パフォーマンスを重視した高速で軽量なカルーセル/スライダーライブラリ・「Swiffy Slider」 Swiffy Slider See the Pen Untitled by kachibito (@kachibito) on CodePen. Swiffy Sliderはパフォーマンスを重視した高速で軽量な...2021.11.27 | 9時49分23秒
カレンダーサービスに任意のイベントを追加するボタンを設置する為のJavaScript・「Add-to-Calendar Button」 Add-to-Calendar Button See the Pen Untitled by kachibito (@kachibito) on CodePen. Add-to-Calendar Butto...2021.11.19 | 10時04分17秒
50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのOSS・「PoemKit」 PoemKit PoemKitは50以上のUIコンポーネントを提供する、モダンなWebアプリケーションを構築するためのオープンソースのWeb開発キットです。 Reactを使ったUIキットで、サーバーサイドレンダリングによる高速な...2021.11.16 | 9時48分32秒
モダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリ・「Semi UI」 Semi UI Semi UIはモダンで柔軟なデザインシステムを提供するオープンソースのReact UIライブラリです。TikTokフロントエンド技術チームによって開発されています。 UIコンポーネントは大量に用意されており、W...2021.11.05 | 10時03分29秒
カーソルの外観や動作などの高度なカスタマイズが可能なオープンソースのライブラリ・「Blobity」 Blobity Blobityはカーソルの見た目や動きなどの高度なカスタマイズが可能なOSSのJavaScriptライブラリです。 形状や色、サイズからアニメーション、背景に応じた色の変化、任意の要素にフォーカスした際に形状変化...2021.10.26 | 9時50分16秒
データを可視化し、グラフから別のグラフへアニメーション推移させる事が出来るスクリプト・「Vizzu」 Vizzu See the Pen Untitled by kachibito (@kachibito) on CodePen. Vizzuはデータを可視化し、グラフから別のグラフへアニメーション推...2021.10.19 | 10時05分10秒
UIコンポーネントを構築するための軽量、シンプルで非依存なJavaScriptライブラリ・「jCore」 jCore jCoreはUIコンポーネントを構築するための軽量、シンプルで非依存なJavaScriptライブラリです。 👆のサンプルはドラッグできるコンテンツをネストしたものになります。APIは使いやすいよう設計されている印...2021.10.07 | 10時00分07秒
タッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリ・「Atropos」 Atropos Atroposはタッチフレンドリーな3Dパララックスを実装する軽量JavaScriptライブラリです。 PCではマウスホバーで、タッチデバイスではドラッグで動かす事が出来ます。非依存で軽量なので手軽に導入する事が...2021.10.05 | 9時54分24秒
高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジン・「LittleJS」 LittleJS LittleJSは高速WebGLレンダリングシステムを備えた軽量の2DJavaScriptゲームエンジンです。他ライブラリに依存せずに動作してくれます。 軽量、シンプルで、様々なゲーム開発に使えるライブラリを目...2021.10.03 | 10時04分29秒
Web Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリ・「Motion One」 Motion One Motion OneはWeb Animations APIを使った軽量で高速なオープンソースのアニメーションライブラリです。 使い方も以下のようにとてもシンプルで、軽量なAnime.jsのさらに半分のファイ...2021.09.27 | 9時52分37秒
GUIも備わったモーショングラフィックスの為のアニメーションJavaScriptライブラリ・「Theatre.js」 Theatre.js Theatre.jsはモーショングラフィックスの為のアニメーションJavaScriptライブラリです。GUIのエディターも備わってるそうです。 実際にビジュアルで動きを見ながら直感的な操作でアニメーションを...2021.09.23 | 10時48分36秒
画像内に注釈を挿入するJavaScriptライブラリ・「marker.js」 marker.js marker.jsは画像内に任意の注釈を挿入するJSライブラリです。画像の中に任意のテキストやエリアの塗りつぶし、線引きなどを挿入できて装飾も可能となっています。 また、marker.js Liveという拡張...2021.09.21 | 9時59分47秒
WebサイトやWebアプリ構築の為の次世代TypeScriptフレームワーク・「Factor.js」 Factor.js Factor.jsはWebサイトやWebアプリ構築の為の次世代TSフレームワークです。ブログやLP、JamStackアプリの作成等を容易に行えるよう設計されています。開発者はDarwinです。 プラグイン等に...2021.09.15 | 10時09分37秒
Webアプリ向けに開発されたReactベースのUIデザインシステム・「Welcome UI」 Welcome UI Welcome UIはWebアプリ向けに開発されたReactベースのUIデザインシステムです。reactをベースに、styled-components、styled-system、reakitなどが導入されていま...2021.08.06 | 10時06分25秒
Webサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツール・「Sa11y」 Sa11y Sa11yはWebサイトに組み込んだりブックマークレットとして使えるOSSのアクセシビリティチェックツールです。 下記のコードを挿入する事でWebページのアクセシビリティチェックを行う事が出来ます。 ...2021.07.22 | 10時01分01秒
どのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリ・「DFlex」 DFlex DFlexはどのJavaScriptフレームワークでも使えるVanillaなドラッグ&ドロップライブラリです。 他のD&Dライブラリとの大きな差として、最小限のレイアウトシフトをあげています。Webページで操作する要...2021.07.12 | 10時03分09秒