Resource - Archives

CSS製の斜めやジグザグなどの境界を手軽に作れる・「CSS Section Separator Generator」

CSS Section Separator Generator CSS Section Separator GeneratorはCSS製の斜めやジグザグなどの境界を手軽に作れるジェネレーターです セクションが変わる所を分かりやす...

ユーザー登録もメールアドレスも不要で使えるオープンソースのファイル転送ツール・「blymp.io」

blymp.io blymp.ioはユーザー登録もメールアドレスも不要で使えるオープンソースのファイル転送ツールです WebRTC、Blobs、WebSocketsなどを使って高速転送を実現しているとの事 転送方法はユーザ...

HTMLの属性にディレクティブを指定してリアクティブな動作を実装できるJavaScriptフレームワーク・「Alpine.js」

Alpine.js See the Pen To Do List - Alpine.js by kachibito (@kachibito) on CodePen. Alpine.jsはHTMLの属性にディレクティブを...
Ads

ビデオ会議に疲れてしまった方の為の匿名で使える音声グループチャット・「Mornin」

Mornin Morninは匿名で使える音声グループチャットアプリです。ユーザー登録やログイン等は一切不要で、任意のキーワードで部屋を作って喋るだけ、というもの WFHにおいてZoom等のビデオ会議がスタンダードとなりつつある印...

1行のコードで使えるJavaScriptユーティリティのまとめ・「1loc」

1loc 1locは1行のコードで使えるJavaScriptユーティリティをまとめているプロジェクトサイトです。名前は1行のLOC (line of code)という意味のようです スニペットのまとめページ、みたいなもの。配列や...

オープンソースとして公開されているベーシックなプロジェクト管理ツール・「Leantime」

Leantime Leantimeはオープンソースとして公開されているベーシックなUIのプロジェクト管理アプリです UIはベーシックでも機能は充実しています。タスク管理はカンバンやテーブル、カレンダーなどで管理、アイデアボード機...

さまざまなタスクを、優先順位を設定したマトリックス図で視覚化できる付箋アプリ・「prioritize」

prioritize prioritizeさまざまなタスクを、優先順位を設定したマトリックス図で視覚化できる付箋アプリです よくある4つのエリアを設定したマトリックスでタスクに優先順位を付け、割り振って、処理すべきタスクの順番を...

ユーザー登録不要で手軽にスクリーンキャストを撮ってダウンロードできる・「Screen Recorder」

Screen Recorder Screen Recorderはユーザー登録不要、ブラウザ拡張やソフトウェアのDL等も不要で使えるスクリーンキャストを撮ってダウンロードできるWebアプリです PWAにも対応しており広告や透かし等...

地域別に任意のカラーで色付けてラベル名を設定し地図チャートを作れる・「MapChart」

MapChart MapChartは地域別に任意のカラーで色付けてラベル名を設定し地図チャートを作れるWebアプリです 天気予報とか花粉情報なんかで日本でもよく見かけるアレを作れる、みたいなやつです 見た方が早いと...

Windows98を再現できるCSS・「98.css」

98.css See the Pen GRpWyyz by kachibito (@kachibito) on CodePen. 98.cssはWindows98のUIを再現できるCSSです。基本的にはフォーム回りやダ...

様々なタイプのCSS製の背景パターンを作成出来るスタイルシート・「pattern.css」

pattern.css pattern.cssはCSSだけで作れる様々な背景パターンを手軽に作れるスタイルシートです ドットや縦線、横線、斜めなどのストライプ、ジグザグなどを作成可能で、色やサイズも手軽に変更できるようになってい...

2色を選択するだけで関連するカラーパレットを1万以上提案してくれる・「Palette List」

Palette List Palette Listは2色を選択するだけで関連するカラーパレットを1万以上提案してくれるカラーアプリです 用意された12色から選択すれば自動生成されます。パレットはSVGやSASS、CSSなどでダウ...

任意のSVGに自由に色付け出来るシンプルなデスクトップアプリ・「SVG Splash」

SVG Splash SVG Splashは任意のSVGに自由に色付け出来るシンプルなデスクトップアプリです 使い方も簡単で色を選んで変更したい箇所をマウスでクリックするだけです。あとはコードをコピーしたりダウンロードしたり ...

任意のWebサイトのURLを入力するだけでダークモード用のCSSを自動で作成してくれる・「Night Eye」

Night Eye Night Eyeは任意のWebサイトのダークモード用CSSを自動生成してくれるジェネレーターです 使い方も簡単でURLを入力するだけ。自動で解析し、ダークモードに対応したCSSを生成してくれます あと...

CC0で配布される150以上のコンポーネントが含まれたモバイル向けプロトタイプ用のワイヤーフレームキット・「Contra」

Contra ContraはCC0で配布される150以上のコンポーネントが含まれたモバイル向けプロトタイプ用のワイヤーフレームキットです 配布されるファイルはFigma、Sketch、Adobe XD、Invision Stud...

ユーザー登録不要のシンプルなオープンソースのグループビデオチャットアプリ・「briefing」

briefing briefing(正確にはBrie.fi/ngという名称のようです)はユーザー登録不要のシンプルなオープンソースのグループビデオチャットアプリです アクセスするとランダムで部屋のURLが作成されるので問題なけれ...

任意のWebサイトのスクリーンショットを取得するOSS・「Webshot」

Webshot Webshot任意のWebサイトのスクリーンショットを取得するWebアプリです ドメイン+対象URL+パラメーターだけで取得できるシンプルな仕様となっています。パラメーターはいろいろ用意されてました ...

UIデザイナーが3年間、スキルアップのためにデザインした1000以上のファイルをCC0で公開するプロジェクト・「UI Design Daily」

UI Design Daily UI Design DailyはノルウェーのUIデザイナーがスキルアップのために3年間デザインした1000以上のファイルをCC0で公開するプロジェクトです SkechやPS、Figma、XDやIn...

都市やカフェなどのノイズをBGMに出来る・「NoisyLoop」

NoisyLoop NoisyLoopは都市やカフェなどのノイズをBGMに出来るWebサイトです コロナウイルスで世界の多くの方がStayhomeを実行していると思いますが、都市の独特のノイズが恋しくなってくる方もいるかもしれま...

ブラウザだけあれば使えるセキュアなオープンソースのビデオ会議アプリ・「Zipcall.io」

Zipcall.io Zipcall.ioはブラウザで使えるセキュアなオープンソースのビデオ会議アプリです。開発者はWebRTCによる分散型ビデオチャットプラットフォームと説明しています ダウンロードやログイン、インストール、ユ...

個人向けに開発されたTodoやプロジェクトを管理できるカンバンツール・「Stacks」

Stacks Stacksは個人向けに開発されたTodoやプロジェクトを管理できるカンバンツールです 現在はMacのみとなっていますがWin版も開発してるみたいです。カテゴライズや高速検索、D&Dでアイテム入れ替え、タスクの管理...

Markdownでマインドマップを作れるライブラリ・「Markmap」

Markmap MarkmapはMarkdownでマインドマップを作れるライブラリです。Markmapにインスパイアされて開発したそうです 基本的には以下のようにリストや見出し等でマインドマップを描けるようになっています ...
Ads