色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれる・「Who Can Use」
Who Can Use Who Can Useは色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれるユーザビリティツールです。 任意の背景とテキストのカラーを指定すると、色覚異常の各症状のシミュ...
Resource - Webディレクター向け
手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」
keen-slider keen-sliderは手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリです。 他ライブラリを必要としない非依存型でタッチデバイスファーストな設計となっています。操作もシンプルで様々な用途に使...
ノートやメモの感覚で使えるリーディングファーストなブログプラットフォーム・「Collected Notes」
Collected Notes Collected Notesはノートやメモの感覚で使えるリーディングファーストなブログプラットフォームです コメント欄や広告、トラッキング、SNSによる言及などのいわゆるバニティメトリクスなど不...
モダンでシンプルなRSSリーダー・「feedfox」
feedfox feedfoxはモダンでシンプルなRSSリーダーです。個人的に「そうそうこういうので良いんだよ」となったのでメモ 通常のWebサイトのフィードはもちろん、YoutubeやPodcastなどのRSSを登録すればその...
Animate.cssを使用してスクロールに応じてコンテンツにアニメーションエフェクトを追加できる軽量スクリプト・「Josh.js」
Josh.js See the Pen wvMzNYv by kachibito (@kachibito) on CodePen. Josh.jsはAnimate.cssを使用してスクロールに応じてコンテンツにアニ...
画像に一括で任意のウォーターマークを挿入できるWebアプリ・「fastwatermark」
fastwatermark fastwatermarkは画像に一括で任意のウォーターマークを挿入できるフォトグラファー向けのWebアプリです 複数画像をアップロードし、別途アップロードした、透かしに使うロゴ等をワンクリックだけで...
ブラウザで動作するオープンソースのテキストエディタ・「Writty」
Writty Writtyはブラウザで動作するオープンソースのテキストエディタです。HTML/JavaScript/CSSで作られています ライティングに集中できるよう、ミニマルなUIでツールバーも最小限に、且つサイドに寄せられ...
チャートも含める事が出来るテーブルライブラリ・「AnyGrids」
AnyGrids See the Pen YzwWpoK by kachibito (@kachibito) on CodePen. AnyGridsはチャートも含める事が出来るテーブル生成JavaScriptライブラ...
様々な紙のサイズ、寸法を調べられる・「PaperSizes.guide」
PaperSizes.guide PaperSizes.guideは様々な紙のサイズ、寸法を調べられるプロジェクトサイトです A3やA4、B5などA、B、C系の用紙サイズや各写真のサイズ、アメリカや日本、カナダなど各国で採用して...
SVGのカスタムシェイプを直感的に作れるシンプルなWebアプリ・「Shape Divider」
Shape Divider Shape Dividerはヒーローイメージやセクション間で使えそうなSVGのカスタムシェイプを直感的に作れるシンプルなWebアプリです 実際に完成図を見ながらセッティング、作成できるので特別な知識な...
class不要で基本的なスタイルを提供するCSSフレームワーク・「Basic.css」
Basic.css See the Pen GRooBMO by kachibito (@kachibito) on CodePen. Basic.cssはclass不要で基本的なスタイルを提供するCSSフレームワーク...
フォルダの構造をビジュアル化してくれるクロスプラットフォームのファイルマネージャ・「cryo」
cryo cryoはフォルダの構造をビジュアル化してくれるクロスプラットフォームのファイルマネージャです。Windows、Linux、MacOSなどで動作します 左ペインから任意のフォルダを右ペインにD&Dすれば自動でビジュアル...
デザインが苦手な開発者向けのツール等をまとめている・「Nodesign.dev」
Nodesign.dev Nodesign.devはデザインが苦手な開発者向けのツール等をまとめているキュレーションサイトです ノンデザイナーズ・デザインブックなどのように基礎を学ぼう、みたいなものではなく、ツールに任せようとい...
リモートで音楽を教えたりコラボレーションできるオープンソースのジャムセッションWebアプリ・「jamhub」
jamhub jamhubはリモートでジャムセッションが出来るWebアプリです。オープンソースとしてソースコードも公開されています チャットツールのように部屋を作成して招待するだけのシンプルなもの。MIDIキーボードもサポートさ...
任意の模様でシームレスなパターンを生成できるWebアプリ・「patternico」
patternico patternicoは任意の模様でシームレスなパターンを生成できるWebアプリです 好みの画像を散りばめたシームレスなパターン画像を完成図を見ながら直感的に作成できる、というもの 画像はFontAwe...
シンプルで扱いやすいHTMLテーブルライブラリ・「Grid.js」
Grid.js Grid.jsはシンプルで扱いやすいHTMLテーブルライブラリです。ReactやAngular、Vueなどは勿論、バニラでも問題なく動作します 9kbと非常に軽量で使い方もすごく簡単です。データを元に自動で指...
軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステム・「Bear blog」
Bear blog Bear blogは軽量さ重視の、markdownで書けるミニマルなオープンソースのブログシステムです 多くの人気ブログプラットフォームは需要が伸びるにつれユーザーのニーズに応え、結果的に肥大化してしまってい...
Markdownで作れるクロスプラットフォームなナレッジベースアプリ・「Obsidian」
Obsidianはメモアプリとしても優秀なMarkdownで作れるクロスプラットフォームなナレッジベースアプリです。
レイアウトを維持したままPDFファイルを編集できるWebアプリ・「Simpdf」
Simpdf Simpdfはレイアウトを維持したままPDFファイルを編集できるシンプルなWebアプリです 使い方も簡単、任意のPDFを読み込んでパースすれば編集画面に遷移しますので編集するだけです。送信したPDFはパース後に削除...
KeePass互換のオープンソースのパスワードマネージャ・「AuthPass」
AuthPass AuthPassはKeepass 2.x(kdbx 3.x)互換のオープンソースのパスワードマネージャです 互換といっても現在はAndroid、iOS、MacOSのみとなっており、WindowsとLinuxは開...
いびつな形の要素をSVGで作れるWebアプリ・「Blobs」
Blobs Blobsはいびつな形の要素をSVGで作れるWebアプリです。Web APIのBlobやBinary Large OBjectとは関係なく、単に形状表したものになります アメーバのようなはっきりしない形状のシェイプを...
問題の解決や意思決定など、より良い思考を得るためのリソースをまとめた・「untools」
untools untoolsは問題の解決や意思決定など、より良い思考を得るためのツールやリソース、フレームワークなどをまとめたキュレーションサイトです 例えばイシューツリーや氷山モデル、抽象化のはしごなど、問題を解決するための...