Resource - フレームワーク

フレームワーク不要の非依存型で軽量シンプルなカラーピッカーライブラリ・「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を付与するだけでカ...
Ads

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ラ...

CSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説する・「this vs that」

this vs that this vs thatはCSSやHTML、JavaScript等で、似たような挙動をするタグや方法で何が違うのかを解説するWebサイトです。 ちょっと何言ってるか分からない、という方もいらっしゃると思...

アニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSS・「Bar chart race generator」

Bar chart race generator Bar chart race generatorはアニメーションしながら動的に順位が入れ替わるバーチャートを生成できるOSSです。Bar chart raceって言うんですね。初めて知...

応答性、読みやすさ、モジュール性を重視して設計されたミニマルなCSSフレームワーク・「mono/color」

mono/color mono/colorは応答性、リーダビリティ、モジュール性を重視して設計されたミニマルなCSSフレームワークです。 必要な物だけを揃えたモノクロタイプと、カラースキームやカードUI、ユーティリティなども揃え...

モジュール形式のCSSボタンシステム・「knopf.css」

knopf.css See the Pen Knopf.css – Tests by kachibito (@kachibito) on CodePen. knopf.cssはモジュール形式のCSSボタンシステムです。...

FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」

1-Line Layouts* 1-Line Layouts*はFlexboxやCSS Gridでよく用いられるレイアウトのコードを提供するプロジェクトサイトです。 センター配置やサイドバーを持った2カラムレイアウト、ヘッダ/メ...

テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」

grxdients.css See the Pen KKVRrbN by kachibito (@kachibito) on CodePen. grxdients.cssはテキストや背景のグラデーションカラーを手軽...
Ads