シンプルで見やすいレイアウトをclass不要で作れるclasslessなCSSフレームワーク・「new.css」
new.css See the Pen oNjJXae by kachibito (@kachibito) on CodePen. new.cssはシンプルで見やすいレイアウトをセマンティックなHTMLだけで作れるcl...
Resource - Archives
Neumorphism(ニューモーフィズム)にインスパイアされたUIキット・「Neumorphism UI」
Neumorphism UI Neumorphism UIはNeumorphism(ニューモーフィズム)にインスパイアされたUIキットです。レイアウトにはBootstrapがベースに使われています Neumorphism、ニュー...
レスポンシブWebデザイン対応のWebサイト開発に特化したオープンソースのWebブラウザ・「Responsively」
Responsively ResponsivelyはRWDの開発に特化したWebブラウザです。オープンソースとしてソースコードも公開されています 各スマホのデバイスやタブレット、PCなど異なるデバイスでどのように表示され...
任意のSVGアイコンを一括で管理、スタイルの変更、エクスポートできるSVGマネージャ兼エディタ・「Norde Source」
Norde Source Norde Sourceは任意のSVGアイコンを一括で管理、スタイルの変更、エクスポートできるSVGマネージャ兼エディタです 各OSに対応したデスクトップアプリで現在は無料で利用する事が出来ます ...
コードスニペットを自然言語で検索できる・「CodeSnippetSearch」
CodeSnippetSearch CodeSnippetSearchは様々なプログラミング言語のコードスニペットを任意の自然言語で検索できるコード検索エンジンです 64万ものスニペットから検索可能で、検索結果はマッチ率の高い順...
任意のWebページのソースコードをダークモードで表示、コード整形も可能なブラウザ拡張・「Night Viewer」
Night Viewer Night Viewerは任意のWebページのソースコードダークモードで表示、コード整形やフォントサイズの変更も可能なブラウザエクステンションです また、JavaScript等によるHTMLの変更の前後...
会議やイベント等で参加者からのフィードバック収集をサポートするオープンソースのソフトウェア・「Open Feedback」
Open Feedback Open Feedbackは会議やイベント等で参加者からのフィードバック収集をサポートするオープンソースのソフトウェアです 任意の選択肢を用意して選択して貰う投票型みたいです。投票すると円状のオブジェ...
フロントエンド開発者向けのツールやリソースを大量にまとめた・「UNeed」
UNeed UNeedはフロントエンド開発者向けのツールやリソースを大量にまとめたキュレーションサイトです CMSやCSS、デザインやアプリケーションからバージョン管理やターミナル、テスト関連、学習ツールなどのカテゴリに分けられ...
カンバンボードのように使えるオープンソースのメールクライアント・「Kanmail」
Kanmail Kanmailはカンバンボードのように使えるオープンソースのメールクライアントです 現在、Macはベータ, LinuxとWindowsはアルファといった開発段階だそうですが、開発者が1年間使った結果、公開としたそ...
Webページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なブラウザ拡張・「StyleStash」
StyleStash StyleStashはWebページで任意の要素のCSSを調査、スタイルをその場で変更、複数保存、ライブプレビューが可能なChromeエクステンションです 任意の要素ピンポイントでDevtoolsのインスペク...
Webページで音声による操作を可能にするボイスコマンドライブラリ・「Artyom.js」
Artyom.js Artyom.jsはWebページで音声による操作を可能にするボイスコマンドライブラリです Google NowやSiri、Cortanaなどの音声アシスタントの簡易版みたいなやつです 例えば挨拶したら返...
各OSに対応のオープンソースのSQLエディター/データベースマネージャー・「Beekeeper Studio」
Beekeeper Studio Beekeeper StudioはWindows,、Linux、Macなどに対応したオープンソースのSQLエディター/データベースマネージャーです MySQL、Postgres、SQLiteやS...
大量のオープンソースプロジェクトから任意のキーワードやカテゴリで探せる・「Awesome Open Source」
Awesome Open Source Awesome Open Sourceは大量のオープンソースプロジェクトから任意のキーワードやカテゴリで探せるWebサイトです 懐かしいディレクトリタイプになっており、目的に合わせてプロジ...
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の属性にディレクティブを...
ビデオ会議に疲れてしまった方の為の匿名で使える音声グループチャット・「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アプリです 天気予報とか花粉情報なんかで日本でもよく見かけるアレを作れる、みたいなやつです 見た方が早いと...