split.js

utility layout

split.jsは、ウェブページでリサイズ可能な分割ビューを容易に実装できる2kbの軽量ユーティリティです。このライブラリは使用者の意見を最小限に抑え、柔軟性を提供します。

Latest Ver 1.6.5
Homepage
Github
0
6,204
分割の美学、創造性の始まり
split.jsで画面を自由に分割し、ユーザーエクスペリエンスを新たにデザインします。
split.jsはウェブインターフェースで分割ビューを効果的に実装するための軽量ツールです。
License: MIT
https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.5/split.js
https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.5/split.min.js
https://cdnjs.cloudflare.com/ajax/libs/split.js/1.6.5/split.min.js.map

Sample Code

⚠️ import 文を含む一部のコードは、jsFiddleで正しく実行されない場合があります。エラーが発生した場合は、コードをコピーしてご自身の環境でお試しください。
📄 HTML
<div id="container" style="height: 100vh;"><div style="background: #f00;">First</div><div style="background: #0f0;">Second</div></div><script>Split(['#first', '#second'], { sizes: [50, 50], minSize: 100, gutterSize: 10, cursor: 'col-resize' });</script>

🧩 External JS
<script src="https://cdnjs.cloudflare.com/ajax/libs/split.js/1.5.11/split.min.js"></script>

⚙️ JavaScript
Split(['#first', '#second'], { sizes: [50, 50], minSize: 100, gutterSize: 10, cursor: 'col-resize' });
⚡ Top Tools for Developers
Text Compare

テキスト比較

2つのテキストの違いを一目で確認できます。

Favicon Generator

Faviconジェネレーター

簡単かつ迅速にファビコンを生成します。

Lorem Ipsum Generator

Lorem Ipsumジェネレーター

デザイン用のダミーテキストを生成します。

Character Counter

文字数カウント

文字数と単語数をリアルタイムで確認できます。

SRT ↔ SMI

SRT ↔ SMI変換ツール

字幕形式を簡単に変換できます。

Text Extract(OCR)

画像テキスト抽出

画像内のテキストを自動で抽出します。