Resource - MIT

開発者向けのシンプルな1ページポートフォリオテンプレート・「simplefolio」

simplefolio simplefolioは開発者向けのシンプルなワンページポートフォリオのテンプレートです Bootstrapベースで完全レスポンシブ、スクロールに応じてコンテンツが次々とアニメーションしながら表示されます...

シンプルで扱いやすい、簡易的な選択式チャットボットフレームワーク・「Peekobot」

Peekobot See the Pen QWwLjJv by kachibito (@kachibito) on CodePen. Peekobotはシンプルで扱いやすい選択式チャットボットフレームワークです。上...

ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」

Flowy Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します 上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますの...
Ads

マウスポインタに合わせて画像を変えられるスクリプト・「Creepyface」

Creepyface See the Pen PoorKQe by kachibito (@kachibito) on CodePen. Creepyfaceはマウスポインタに合わせて画像を変更できるスクリプトです ...

ログイン不要でプレーンテキストをリアルタイムで共有できるOSS・「sharetxt」

sharetxt sharetxtはログインせずにプレーンテキストをリアルタイムで共有できるコラボレーションツールです 共有方法はURLを相手に伝えてアクセスして貰うだけのシンプルなもの。書いたテキストは双方で編集可能となってい...

Vue.jsを使ったクレジットカード情報入力フォーム・「vue-interactive-paycard」

vue-interactive-paycard See the Pen Credit Card Form - VueJs by Muhammed Erdem (@JavaScriptJunkie) on CodePen. ...

LaravelとVue.jsで構築されたオープンソースのプロジェクト管理ツール・「Goodwork」

Goodwork Goodworkはオープンソースとして公開されているLaravelとVue.jsベースのプロジェクト管理ツール/コラボレーションツールです basecampにインスパイアされて開発したそうです。非常にシ...

画像マウスホバーの様々なエフェクトを組み合わせて管理できる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の自由さが原因で引き起こしがちな問題が起きにくいよう予め構造化して提供しているとの事です。 まざまな状況...

APIドキュメントページの為のGatsbyテーマ・「Greenboard」

Greenboard GreenboardはAPIドキュメントページをGatsbyで作成するの為のテーマです Gatsbyテーマに関してはWhat Are Gatsby Themes?をご覧ください。 Markdownから...

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

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

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

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

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

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

アスキーアートのラップトップを作って画像などを組み合わせて使える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によるアプリケーション開発用のコンポーネントのコレクションです レイアウトに関するコンポーネントは勿論、チャートやフォーム、アバター、マップやカレン...

Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」

Can I email… Can I email…は、Can I Useライクな使い方が出来るHTMLメールタグ対応状況調査ツールです。 HTMLメールで使えるタグは各メールサービスによって制限があったりなかったりして一貫性が無...

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なんかと相性良...

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

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