共同編集も可能、データは暗号化されるセキュアな分散型ドキュメント作成OSS・「Graphite」
Graphite Graphiteはチームで共同編集も可能なドキュメント作成、共有ツールです。Blockstackが使われており、作成したドキュメントは全て暗号化されます UIや機能は概ねGoogleドキュメントと同じタイプ...
Resource - Webディレクター向け
CSSだけで作られた500以上ものカスタマイズ可能なミニマルアイコン・「css.gg」
css.gg css.ggはCSSだけで出来た500以上のミニマルなアイコンを使えるCSSライブラリです スケーラブルでカスタマイズ性のある設計で非常に使いやすい印象です。個人的にはアイコンフォントよりも軽量で好みな感じ ...
オープンソースの超シンプルなオンラインブックマークWebアプリ・「linkding」
linkding linkdingはオープンソースの超シンプルなオンラインブックマークツールです URLの登録とタイトル、タグ付けという昔ながらのシンプルな機能。Instarpaperに近い印象です タグは自動で頭文字ごと...
コントラストの比率と実際に背景とテキストカラーを使用した状態を確認できるカラーコントラストチェックツール・「Color Contrast Checker」
Color Contrast Checker Color Contrast Checkerは指定したテキストカラーと背景カラーの2つのカラーのコントラストの比率を確認しながら確認出来るWebアプリです コントラストはWCAGのガ...
無料、広告無しで制限無しに使える個人向けの分散型タスク管理ツール・「PLAiV」
PLAiV PLAiVは個人向けに作られたタスク管理アプリです。Blockstackが使われており、データは全て暗号化され、プライバシーが守られています Blockstackアカウントで利用可能で、無料、広告も無く無制限...
Blockstackを使ったセキュアな分散型パスワードマネージャ・「nextPass」
nextPass nextPassはBlockstackを使ったセキュアな分散型パスワードマネージャです パスワードジェネレーターも付与しており、nextPassで作成して管理する事が出来ます よくある既存のパスマネと比べ...
オープンソースのSVGベースなプロトタイピングツール・「UXBOX」
UXBOX UXBOXはオープンソースとしてソースコードが公開されているプロトタイピングGUIツールです。ブラウザで動作します 作成したプロトタイプデータはSVGで吐き出されるそうで、多くのベクターツールで再編集したりWebでの...
マルチレイヤーな複雑なCSSグラデーションのコードをコピーできる・「Gradienta」
Gradienta Gradientaはマルチレイヤーの複雑なCSSグラデーションを紹介、コードもコピーできるプロジェクトサイトです 各グラデーションはCSSだけでなくjpgとしても配布されており、それぞれダーク、ライト、シンプ...
フリーランサーや中小企業向けに開発されたオープンソースのオンライン請求書発行アプリ・「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...
左右にフリックするだけのモバイルフレンドリーな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ア...
よく使用されている汎用的なレイアウトとUIパターンのCSSコードをコレクションしている・「CSS Layout」
CSS Layout CSS Layoutはよく採用される汎用的なレイアウトやUIパターンのCSSコードを60ほどコレクションしているプロジェクトサイトです 例えばレイアウトなら3カラム、サイドバー2カラム、１カラムグリッドレイ...
任意の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®を並べたようなグラフィックで色など...