開発者向けのシンプルな1ページポートフォリオテンプレート・「simplefolio」 simplefolio simplefolioは開発者向けのシンプルなワンページポートフォリオのテンプレートです Bootstrapベースで完全レスポンシブ、スクロールに応じてコンテンツが次々とアニメーションしながら表示されます...2019.12.01 | 10時00分23秒
シンプルで扱いやすい、簡易的な選択式チャットボットフレームワーク・「Peekobot」 Peekobot See the Pen QWwLjJv by kachibito (@kachibito) on CodePen. Peekobotはシンプルで扱いやすい選択式チャットボットフレームワークです。上...2019.11.30 | 10時01分44秒
ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」 Flowy Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します 上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますの...2019.11.29 | 9時29分07秒
マウスポインタに合わせて画像を変えられるスクリプト・「Creepyface」 Creepyface See the Pen PoorKQe by kachibito (@kachibito) on CodePen. Creepyfaceはマウスポインタに合わせて画像を変更できるスクリプトです ...2019.11.27 | 10時00分14秒
ログイン不要でプレーンテキストをリアルタイムで共有できるOSS・「sharetxt」 sharetxt sharetxtはログインせずにプレーンテキストをリアルタイムで共有できるコラボレーションツールです 共有方法はURLを相手に伝えてアクセスして貰うだけのシンプルなもの。書いたテキストは双方で編集可能となってい...2019.11.24 | 10時33分58秒
Vue.jsを使ったクレジットカード情報入力フォーム・「vue-interactive-paycard」 vue-interactive-paycard See the Pen Credit Card Form - VueJs by Muhammed Erdem (@JavaScriptJunkie) on CodePen. ...2019.11.21 | 10時15分56秒
LaravelとVue.jsで構築されたオープンソースのプロジェクト管理ツール・「Goodwork」 Goodwork Goodworkはオープンソースとして公開されているLaravelとVue.jsベースのプロジェクト管理ツール/コラボレーションツールです basecampにインスパイアされて開発したそうです。非常にシ...2019.11.07 | 10時06分15秒
画像マウスホバーの様々なエフェクトを組み合わせて管理できるCSSエフェクトライブラリ・「Izmir Hover Effects」 Izmir Hover Effects Izmir Hover Effectsは画像へのマウスホバーの際に様々なエフェクトを組み合わせて実装、管理できるCSSエフェクトライブラリです 20のボーダーアニメーションエフェクト、9の...2019.11.06 | 10時03分24秒
WebアプリとAPIのスピーディーな構築をサポートするシンプルなマイクロPHPフレームワーク・「Leaf PHP」 Leaf PHP Leaf PHPはWebアプリとAPIを迅速に開発、構築するためのマイクロフレームワークです PHPの自由さが原因で引き起こしがちな問題が起きにくいよう予め構造化して提供しているとの事です。 まざまな状況...2019.10.22 | 10時30分37秒
APIドキュメントページの為のGatsbyテーマ・「Greenboard」 Greenboard GreenboardはAPIドキュメントページをGatsbyで作成するの為のテーマです Gatsbyテーマに関してはWhat Are Gatsby Themes?をご覧ください。 Markdownから...2019.10.21 | 10時33分15秒
手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」 roughViz.js roughViz.jsは手書き風のチャートを作成できる非依存のJSライブラリです 他ライブラリを必要とせず単体で動作してくれます。チャートの種類も棒チャートやドーナツ、散布図、円チャート、折れ線などよく使...2019.10.17 | 9時51分58秒
Markdown用のオープンソースのWYSIWYGエディタ・「Markdown Editor」 Markdown Editor Markdown EditorはMarkdown用のオープンソースのWYSIWYGエディタです。Web向けもデスクトップアプリ向け(Electron)もあります。 入力エリアとプレビューエリアの2...2019.10.08 | 10時00分34秒
CSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリ・「Scene.js」 Scene.js Scene.jsはCSSとJavaScriptによるタイムラインベースの高度なアニメーションコンテンツを実装するライブラリです CSSとJSの両方をサポート、SVGサポート、時間の制御、タイムラインベースで複数...2019.09.24 | 10時06分36秒
アスキーアートのラップトップを作って画像などを組み合わせて使えるCSS・「laptop.css」 laptop.css See the Pen RwbEorO by kachibito (@kachibito) on CodePen. laptop.cssはアスキーアートのラップトップを作って画像などを組み合わせて...2019.09.22 | 10時05分09秒
オートセーブ機能付きでMarkdownとプレーンテキストの両ペインでメモを取れるシンプルなOSSメモアプリ・「QuickJots」 QuickJots QuickJotsはオート保存機能が付いたシンプルなメモアプリです。Markdownとプレーンテキストの両ペインにそれぞれメモを残せます 左ペインはMarkdown、右ペインはプレーンテキストエリアで、記述と...2019.09.21 | 9時45分13秒
React.jsによるアプリケーション開発をサポートするコンポーネントのコレクション・「React Rainbow」 React Rainbow React RainbowはReact.jsによるアプリケーション開発用のコンポーネントのコレクションです レイアウトに関するコンポーネントは勿論、チャートやフォーム、アバター、マップやカレン...2019.09.17 | 9時45分53秒
Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」 Can I email… Can I email…は、Can I Useライクな使い方が出来るHTMLメールタグ対応状況調査ツールです。 HTMLメールで使えるタグは各メールサービスによって制限があったりなかったりして一貫性が無...2019.09.15 | 9時50分07秒
CSSデバッグを少し手伝ってくれる小さなスクリプト・「debugCSS.js」 debugCSS.js debugCSS.jsはCSSのデバッグ作業を少しだけ手伝ってくれる小さなスクリプトです。サイズは非圧縮でも1kb、圧縮版は600バイトほどです。 何をしてくれるかは上サンプルの通り、要素にアウトラインを...2019.09.12 | 10時19分00秒
React.jsによるアプリケーション開発の為のモジュール式UIコンポーネントライブラリ・「Chakra UI」 Chakra UI Chakra UIはReact.jsによるアプリケーション開発の為のUIコンポーネントライブラリです。モジュール式で必要なコンポーネントを必要な分だけ追加するタイプとなっています。 WAI-ARIAに準拠した...2019.09.10 | 10時23分31秒
プロジェクトが止まってしまっているSemantic UIからフォークされ、コミュニティによって開発が進められているUIフレームワーク・「Fomantic UI」 Fomantic UI Fomantic UIは、ある程度使用者が多いにもかかわらず、開発がほぼ止まってしまっているSemantic UIからフォークされて開発が進みだしたプロジェクトです。 プロジェクトサイトではコミュニティフ...2019.09.08 | 9時52分03秒
既存のコンテンツに統合出来るオープンソースのブログシステムフレームワーク・「Shaai」 Shaai Shaaiは既存コンテンツに統合可能なOSSのブログシステムフレームワークです。JS製、管理画面もありました。 プラグイン式に既存のWebサイトやアプリ等と統合し、ブログを構築できるのだそう。静的CMSなんかと相性良...2019.09.01 | 10時12分53秒
Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」 pagemap See the Pen KKPqwER by kachibito (@kachibito) on CodePen. pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスク...2019.08.29 | 9時55分53秒