Resource - フレームワーク

画像マウスホバーの様々なエフェクトを組み合わせて管理できるCSSエフェクトライブラリ・「Izmir Hover Effects」

Izmir Hover Effects Izmir Hover Effectsは画像へのマウスホバーの際に様々なエフェクトを組み合わせて実装、管理できるCSSエフェクトライブラリです 20のボーダーアニメーションエフェクト、9の...

WebアプリとAPIのスピーディーな構築をサポートするシンプルなマイクロPHPフレームワーク・「Leaf PHP」

Leaf PHP Leaf PHPはWebアプリとAPIを迅速に開発、構築するためのマイクロフレームワークです PHPの自由さが原因で引き起こしがちな問題が起きにくいよう予め構造化して提供しているとの事です。 まざまな状況...

手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」

roughViz.js roughViz.jsは手書き風のチャートを作成できる非依存のJSライブラリです 他ライブラリを必要とせず単体で動作してくれます。チャートの種類も棒チャートやドーナツ、散布図、円チャート、折れ線などよく使...
Ads

1つの要素で出来るユニークな背景パターン集・「1 element card background patterns」

1 element card background patterns See the Pen 1 element card background patterns (see description) by kachibito ...

Markdown用のオープンソースのWYSIWYGエディタ・「Markdown Editor」

Markdown Editor Markdown EditorはMarkdown用のオープンソースのWYSIWYGエディタです。Web向けもデスクトップアプリ向け(Electron)もあります。 入力エリアとプレビューエリアの2...

Bootstrapベースの管理画面テンプレートを探せる・「BootstrapDash」

BootstrapDash BootstrapDashはBootstrapベースの管理画面テンプレートを探せるWebサイトです 有料/無料が混在しており、有料版はプランによって使用制限があるみたいです。無料版は基本的にはOSSと...

CSS GridとGradientsを使ってランダムにパターンを作成、コードをコピーできる・「CSS Grid-ient」

CSS Grid-ient See the Pen CSS Grid-ient by Jordan Marshall (@TheCSSKing) on CodePen. CSS Grid-ientはCSS GridとG...

CSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリ・「Scene.js」

Scene.js Scene.jsはCSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリです CSSとJSの両方をサポート、SVGサポート、時間の制御、タイムラインベースで複数...

CSSによるアニメーションエフェクトの動作確認しながらコードをコピーできる・「CSS Animo」

CSS Animo CSS AnimoはCSSによるアニメーションエフェクトの動作確認しながらコードをコピーできるWebサイトです コードはクリックのみでクリップボードにコピーされるので気に入ったエフェクトをコピペするだけで使え...

アスキーアートのラップトップを作って画像などを組み合わせて使えるCSS・「laptop.css」

laptop.css See the Pen RwbEorO by kachibito (@kachibito) on CodePen. laptop.cssはアスキーアートのラップトップを作って画像などを組み合わせて...

オートセーブ機能付きでMarkdownとプレーンテキストの両ペインでメモを取れるシンプルなOSSメモアプリ・「QuickJots」

QuickJots QuickJotsはオート保存機能が付いたシンプルなメモアプリです。Markdownとプレーンテキストの両ペインにそれぞれメモを残せます 左ペインはMarkdown、右ペインはプレーンテキストエリアで、記述と...

React.jsによるアプリケーション開発をサポートするコンポーネントのコレクション・「React Rainbow」

React Rainbow React RainbowはReact.jsによるアプリケーション開発用のコンポーネントのコレクションです レイアウトに関するコンポーネントは勿論、チャートやフォーム、アバター、マップやカレン...

CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」

debugCSS.js debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。 何をしてくれるかは上サンプルの通り、要素にアウトラインを...

React.jsによるアプリケーション開発の為のモジュール式UIコンポーネントライブラリ・「Chakra UI」

Chakra UI Chakra UIはReact.jsによるアプリケーション開発の為のUIコンポーネントライブラリです。モジュール式で必要なコンポーネントを必要な分だけ追加するタイプとなっています。 WAI-ARIAに準拠した...

プロジェクトが止まってしまっているSemantic UIからフォークされ、コミュニティによって開発が進められているUIフレームワーク・「Fomantic UI」

Fomantic UI Fomantic UIは、ある程度使用者が多いにもかかわらず、開発がほぼ止まってしまっているSemantic UIからフォークされて開発が進みだしたプロジェクトです。 プロジェクトサイトではコミュニティフ...

既存のコンテンツに統合出来るオープンソースのブログシステムフレームワーク・「Shaai」

Shaai Shaaiは既存コンテンツに統合可能なOSSのブログシステムフレームワークです。JS製、管理画面もありました。 プラグイン式に既存のWebサイトやアプリ等と統合し、ブログを構築できるのだそう。静的CMSなんかと相性良...

スタートアップ企業向けに商用でもクレジット不要のランディングページテンプレートを提供する・「Shade」

Shade Shadeは予算に苦しむスタートアップ企業向けに無償提供されたLPテンプレートです。クレジット表記も歓迎はするけど必須ではないそうです。(この旨は同梱されているライセンスファイルに記載されています) 用意され...

Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」

pagemap See the Pen KKPqwER by kachibito (@kachibito) on CodePen. pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスク...

BootstrapベースでVueやReact、jQuery、Angularなど様々なライブラリに対応可能の、大量のコンポーネントを含んだダッシュボード/管理画面テンプレート・「Airframe」

Airframe AirframeはBootstrapベースのダッシュボードテンプレートです。BootstrapVueやng-bootstrapなどを使う事でVueやAngularなど様々なライブラリに対応できるとのことです。 ...

xkcdライクな手書き風のチャートライブラリ・「Chart.xkcd」

Chart.xkcd See the Pen chart.xkcd pie by timqian (@timqian) on CodePen. Chart.xkcdは手書き風のチャートを生成できるJavaScriptラ...

JavaScriptやCSSを書く感覚でクロスプラットフォームに対応できるデスクトップアプリを作るためのライブラリ・「NodeGUI」

NodeGUI NodeGUIはJSやCSSを書く感覚でデスクトップアプリを作成できるオープンソースのライブラリです。基本的にクロスプラットフォーム対応だそうです。 chromiumではなくQt5ベースとなっており、メモリとCP...

グラデーションにも対応できるJavaScriptカラーピッカー・「GPickr」

GPickr See the Pen KKPzPjr by kachibito (@kachibito) on CodePen. GPickrは単色だけでなく、CSSグラデーションにも対応できるカラーピッカーです。非依...
Ads