Resource - Archives

Blockstackを使ったセキュアな分散型パスワードマネージャ・「nextPass」

nextPass nextPassはBlockstackを使ったセキュアな分散型パスワードマネージャです パスワードジェネレーターも付与しており、nextPassで作成して管理する事が出来ます よくある既存のパスマネと比べ...

オープンソースのSVGベースなプロトタイピングツール・「UXBOX」

UXBOX UXBOXはオープンソースとしてソースコードが公開されているプロトタイピングGUIツールです。ブラウザで動作します 作成したプロトタイプデータはSVGで吐き出されるそうで、多くのベクターツールで再編集したりWebでの...

マルチレイヤーな複雑なCSSグラデーションのコードをコピーできる・「Gradienta」

Gradienta Gradientaはマルチレイヤーの複雑なCSSグラデーションを紹介、コードもコピーできるプロジェクトサイトです 各グラデーションはCSSだけでなくjpgとしても配布されており、それぞれダーク、ライト、シンプ...
Ads

フリーランサーや中小企業向けに開発されたオープンソースのオンライン請求書発行アプリ・「Crater」

Crater Craterはフリーランサーや中小企業向けに開発されたOSSのシンプルな請求書発行Webアプリです。連動できるスマホアプリも同時にOSSとして公開されています 設計にはLaravelとVue.jsが、レイアウトには...

任意のWebサイトのスクリーンショットを撮れるAPI・「ApiFlash」

ApiFlash ApiFlashは任意のWebサイトのスクショを撮れるシンプルなAPIです。使い方も非常に簡単です URLとAPIキー、任意のパラメーターのみで完結できる仕様となっていてレスポンシブWebデザインにも対応可能で...

ブラウザで動作するピボットテーブルを実装するスクリプト・「WebDataRocks」

WebDataRocks See the Pen Dashboard with WebDataRocks & Google Charts (bar chart) by kachibito (@kachibito) o...

再編集できるチェックリストを複数作成できるオープンソースのチェックリスト管理ツール・「loop list」

loop list loop listは任意のチェックリストを複数作成できるチェックリスト管理アプリです。OSSとしてソースコードが公開されています 非常にシンプルな物で、再編集できるチェックリストを複数作成、管理できる...

左右にフリックするだけのモバイルフレンドリーなYES/NO式のSurveyサービス・「MetaSurvey」

MetaSurvey MetaSurveyはYesかNoかの選択肢で左右にフリックするだけのモバイルフレンドリーなサーベイシステムです 単純な質問のみとなるので本格的な調査が出来るものではありませんが、入力したりタップす...

チェックボックスや画像を含んだリスト表を作れるカンバンライクなWebアプリ・「columns」

columns columnsはチェックボックスや画像などを含んだリスト表を作れるカンバン風のWebアプリです 基本的にはカンバンボードの感覚で使えるんですが、タスクへのフォーカスはそこまで強くなく、リストを機能させる点...

コントラストをベースに作れるOSSのカラージェネレーター・「Leonardo」

Leonardo Leonardoは子トラストベースのカラージェネレーターです。設定したキーカラーを元にコントラストを調整する事でカラースキームを生成する、というもの コントラストで調整する事で当方のブログのようにアクセシビリテ...

SVGをPDFに変換するJavaScriptライブラリ・「svg2pdf.js」

svg2pdf.js svg2pdf.jsはSVGをPDFに変換するJavaScriptライブラリです。基本的にはjsPDFと併用する事を想定しているみたいです 上の動作サンプルはSVGをPDFとしてダウンロードできるよ...

学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツール・「looop.dev」

looop.dev looop.devは学習や実験を目的に作られたタイムライン機能付きのオンラインコーディングツールです CodepenやCodeSandboxなどのような機能ですが、両者は現状大衆向けになっているので純粋な実験...

各ブラウザのCSSのデフォルトスタイルを検索できる・「Browser Default Styles」

Browser Default Styles Browser Default Stylesは各ブラウザのデフォルトスタイルを検索できるWebアプリです 主要なレンダリングエンジン(WebKit、Blink、Gecko、T...

アニメーションする背景をCSSで簡単に作れる・「Animated CSS Background Generator」

Animated CSS Background Generator Animated CSS Background Generatorはボケやレクタングルなどシンプルなオブジェクトがアニメーションする背景をCSSで簡単に作れるWebア...

オープンなエデュケーションプラットフォームを構築できるOSS・「Openki」

Openki Openkiはオープンな教育プラットフォームを構築できるオープンソースのソフトウェアです ちょっとピンと来ない感じですが、基本的には教えてほしい人と教えたい人を結ぶコミュニティで、グループで勉強会、みたいなイベント...

よく使用されている汎用的なレイアウトとUIパターンのCSSコードをコレクションしている・「CSS Layout」

CSS Layout CSS Layoutはよく採用される汎用的なレイアウトやUIパターンのCSSコードを60ほどコレクションしているプロジェクトサイトです 例えばレイアウトなら3カラム、サイドバー2カラム、1カラムグリッドレイ...

任意のWebサイトで採用しているCMSや使用言語を500ものCMSのデータを元に調査できる・「What CMS?」

What CMS? What CMS?は任意のWebサイトで使っているCMSやプログラミング言語などをチェックできるWebアプリです 500ほどのCMSのデータがあり、その中から使われているCMSがあるかチェック、情報を提供して...

シンプルなテキスト言語でダイアグラムを書いてダウンロードできるWebアプリ・「Diagram.codes」

Diagram.codes Diagram.codesはシンプルな書き方でダイアグラムを作成、DL出来るWebアプリです 割と複雑めなフローチャートやシーケンス図など様々なダイアグラムを描くことができます というわ...

LEGO®ライクなグラフィックを描ける軽量なJavaScriptライブラリ・「Legra」

Legra LegraはLEGO®ぽいグラフィックを手軽に描ける軽量なJSライブラリです。Legraは「Lego® brick Graphics」を略したものだそうです canvasにLEGO®を並べたようなグラフィックで色など...

モックアップ等でダミーテキストを表現する為のSVGを作成出来る・「Wireframer」

Wireframer Wireframerはモックアップ等でダミーテキストを表現する為のSVGを作成できるシンプルなWebアプリです たまにインフィニティスクロールのローディング時での採用も見かけますね。テキストが表示されますよ...

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

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

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

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