タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」
SmartBlock See the Pen SmartBlock Demo by kachibito (@kachibito) on CodePen. SmartBlockはッチデバイスフレンドリーなブロックレベ...
Resource - フレームワーク
Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」
Day.js Day.jsはMoment.jsライクに使える2KBほどの軽量な日付操作ライブラリです。Moment.jsとほぼ同じ使い方で同じように操作する事が出来ます。 他ライブラリにも依存せず、Moment.jsを使って...
ダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツール・「Talk」
Talk Talkはダウンロードもユーザー登録も不要で使えるオープンソースのグループビデオチャットツールです。JavaScriptで書かれています。 アクセスするとすぐにランダムで作られるURLにリダイレクトされるのでそのURL...
Webサイトに映画のようなスタッフロールを追加できるスクリプト・「QreditRoll」
QreditRoll QreditRollはWebサイトに映画のようなスタッフロールを追加できるスクリプトです。 ボタンのクリックで自動スクロールするスタッフロールが開始される、というものですが、コナミコマンド(上上下下左右左右...
Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツール・「Vue Trello Clone」
Vue Trello Clone Vue.jsとBulma.cssで構築されたTrelloライクなオープンソースのカンバンツールです。ネーミングそのまんまですが、Trelloと同機能を提供する訳ではなく、シンプルなカンバンアプリといっ...
未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワーク・「Arwes」
Arwes Arwesは未来SFっぽいUIを構築できるWebアプリ向けのUIフレームワークです。React.jsベースとなっています。 サイバーパンクのようなものをイメージして作ったみたいです。Webアプリケーション等に使える独...
フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「Vanilla Colorful」
Vanilla Colorful Vanilla Colorfulはフレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリです。 名前の通りバニラなスクリプトで動作しますが、他フレームワークにも柔軟に対応する事も可...
オープンソースのCalendly代替・「What Time Today?」
What Time Today? What Time Today?はオープンソースとしてソースコードが公開されているスケジュール管理ツールです。Calendly代替として開発されたそうです。 vimcalやAvailableとい...
細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリ・「filters.css」
filters.css filters.cssは細かい設定も可能な、画像にさまざまなカラーフィルターをかけられるCSSライブラリです。 昔ご紹介したInstagram.cssなどのように、任意の画像にclassを付与するだけでカ...
CSS box-shadowで出来る様々なスタイルを収集、コードもコピーできる・「Beautiful CSS box-shadow examples」
Beautiful CSS box-shadow examples Beautiful CSS box-shadow examplesはCSSのbox-shadowで出来る様々なスタイルを収集、コードもコピーできるWebサイトです。 ...
OSSでソースコードも公開されているJavaScript製のシンプルで使いやすいフローチャート作成Webアプリ・「Drawflow」
Drawflow DrawflowはJavaScript製のシンプルで使いやすいフローチャート作成Webアプリです。オープンソースとしてソースコードも公開されています。他ライブラリへの依存もありません。 左ペインにあらかじめ用意...
GUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタ・「ct.js」
ct.js ct.jsはGUIで2Dゲーム開発が可能なオープンソースの2Dゲームエディタです。シューティングやアドベンチャー、パズル、ビジュアルノベルなど様々なゲームを直感的な操作メインで作成する事が出来ます。 基本的にはGUI...
任意のテキストを自動で3D化するスクリプト・「ztext.js」
ztext.js See the Pen ztext.js test by kachibito (@kachibito) on CodePen. ztext.jsは任意のテキストを自動で3D化するスクリプトです。上デモ...
複数サンプルも用意されているBootstrap 5ベースのオープンソースの管理画面テンプレート・「Volt」
Volt Voltは複数サンプルも用意されているBootstrap 5ベースのオープンソースのダッシュボードテンプレートのセットです。 管理画面などが必要なアプリやサービスを展開するスタートアップ向けに、必須となりえるようなペー...
滑らかに動くスワイプ可能な非依存型のカルーセルライブラリ・「Embla Carousel」
Embla Carousel See the Pen mdPOxwm by kachibito (@kachibito) on CodePen. Embla Carouselは滑らかに動くスワイプ可能な非依存型のカ...
Webやデスクトップ、モバイルなどのアプリ開発向けのデザイン/UIコンポーネントライブラリ・「kor」
kor korはWebやデスクトップ、モバイルなどのアプリ開発向けのデザインシステム&UIコンポーネントライブラリです。 LitElementが採用されており、ブラウザやOS、フレームワークなどに依存せず、直感的で一貫性のある快...
Bootstrapライクに使えるフロントエンドフレームワーク・「Halfmoon」
Halfmoon HalfmoonはBootstrapライクに使えるフロントエンドフレームワークです。美しいダッシュボードやプロダクトページの開発スピード向上をサポートしてくれるそう。 RWD対応でBootstrapと概ね同じc...
Pandasライブラリにインスパイアされた、構造化されたデータの操作や処理を行うためのJavaScriptライブラリ・「danfo.js」
danfo.js See the Pen abNdLMp by kachibito (@kachibito) on CodePen. danfo.jsは構造化されたデータの操作や処理を行うためのJavaScriptライ...
Canvas 2Dベースの高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャートライブラリ・「μPlot」
μPlot See the Pen BaKjBmq by kachibito (@kachibito) on CodePen. μPlotは高速で軽量、さまざまなタイプのチャートに対応できるオープンソースのチャ...
CSSの用語を視覚的に学べる・「CSS Vocabulary」
CSS Vocabulary CSS VocabularyはCSSの用語を視覚的に学べるスタディサイトです。教育機関や研修など、教材向けに良さそうです。 実際のCSSのコードが左ペインに書かれており、右ペインにCSSで使われてい...
シンプルなものからユニークなものまで様々なCSS製のスピナーやローダーをまとめた・「CSS3 Loader & Spinners」
CSS3 Loader & Spinners See the Pen CSS3 Loader & Spinners by kachibito (@kachibito) on CodePen. CSS3 Lo...
簡単な設定で使える軽量でモダンなキーバインドライブラリ・「tinykeys」
tinykeys See the Pen yLOBWdj by kachibito (@kachibito) on CodePen. tinykeysは簡単な設定で使える軽量でモダンなキーバインドJavaScriptラ...