軽量、シンプルで使いやすく様々なユーティリティも備えられたCSSフレームワーク・「Beercss」
Beercss See the Pen Untitled by kachibito (@kachibito) on CodePen. Beercssは軽量、シンプルで使いやすく様々なユーティリティも備えられたC...
Resource - オープンソース
開発者の日々の作業をサポートする様々なミニツールを集約したオープンソースのデスクトップアプリ・「DevToys」
DevToys DevToysは開発者の日々の作業をサポートする様々なミニツールを集約したオープンソースのデスクトップアプリです。Windowsエコシステムを採用するように設計されており、Windows 10のビルド1903以降で動作...
デバイスを選ばず利用できるオープンソースのAirdrop代替・「OnDrop」
OnDrop OnDropはデバイスを選ばず利用できるオープンソースのAirdrop代替です。代替と言っても全く同じ挙動ではありませんが、疑似的に同じ事が出来る、というものになります。 OnDropは同じネットワーク内でのデバイ...
タイプライター風のエフェクトを管理、実装できるスタイルシート・「Typed.css」
Typed.css Typed.cssはタイプライター風のエフェクトを管理、実装できるスタイルシートです。上のように文字が打ち込まれたように徐々に表示される的あエフェクトを管理できます。 テキストはcontentプロパティで管理...
ReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディター・「Scenify」
Scenify ScenifyはReactとFabric.jsで作られたオープンソースのcanva代替となるデザインエディターです。開発者の方は代替と言うかクローンとして設計したそうで概ね同じ機能を有していると説明しています。 ...
縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディター・「minimator」
minimator minimatorは縦線、横線、四分円だけを使うオープンソースのミニマルなグラフィックエディターです。方眼紙のようにドットによるグリッドに沿って縦線、横線、四分円にいずれかを使い、線画を作成できるエディター的なもの...
three.jsを使った3Dなアニメーション背景を簡単に作成、設置できるライブラリ・「Vanta.js」
Vanta.js Vanta.jsはthree.jsを使った3DなWebGLアニメーションの背景を簡単に作成、設置できるライブラリです。 同ライブラリのプロジェクトサイト内で簡単な編集を、プレビューを確認しながらツールバーの調整...
MedusaとNext.jsで構築された1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリ・「Medusa Express」
Medusa Express Medusa Expressは1ページでショッピングカートから決済まで完了できるオープンソースのチェックアウトフローライブラリです。省スペースでページ遷移も不要と、手軽に決済まで進めるので離脱率を下げる事...
SvelteでWebアプリ開発する方の為のオープンソースIDE・「sVelocity」
sVelocity sVelocityはSvelteでWebアプリ開発する方の為のオープンソースのIDE（統合開発環境）です。electronベースみたいですね。クロスプラットフォーム対応となっています。 Svelteアプリのビ...
各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できる・「PrivacyTests.org」
PrivacyTests.org PrivacyTests.orgは各ブラウザがどのようなデータをリークしているか等、プライバシーに関する詳細を一覧表で比較できるWebサイトです。 Brave、Chrome、Edge、Firef...
個人用として開発されているオープンソースのWebアーカイブアプリ・「irchiver」
irchiver irchiverは個人用として開発されているオープンソースのWebアーカイブアプリです。Internet Archiveやarchive.todayなどと同様にその日その時のWebページの状態を保存してくれる、という...
Deno製のオープンソース静的サイトジェネレーター・「Lume」
Lume LumeはDeno製のオープンソース静的サイトジェネレーターです。JekyllやEleventyなどの静的サイトジェネレータに触発されて開発されたそうですが、より高速でよりシンプルに使用し、設定する事が可能で柔軟性にも富んだ...
MUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキット・「BRICKS」
BRICKS BRICKSはMUIベースのReact製アプリ開発向けに作られたシンプルでカスタマイズ性の高いコンポーネントを備えたスターターキットです。 ReactのUIライブラリであるMUIをベースに開発されたスターターキット...
目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシート・「gd.css」
gd.css gd.cssは目に見える部分のHTMLタグ全てにスタイリングされたclass不要のスタイルシートです。CSSリセットの代替としても利用できるそう。 HTML要素だけでスタイリング可能な、いわゆるクラスレスなCSSで...
アイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリ・「Icon Shelf」
Icon Shelf Icon Shelfはアイコンを管理したりコードをそのままコピーできるオープンソースのデスクトップアプリです。Web開発者向けのアイコンマネージャーとして開発されています。 React、Electronベー...
任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリ・「SVG Quick Editor」
SVG Quick Editor SVG Quick Editorは任意のSVGの各所の色やパスの削除等を簡単に行えるオープンソースのWebアプリです。 アップロードにはほとんど時間がかからず即座に表示されます。色やパスが個別に...
完成図を見て正しいコードを選択するクイズ形式でCSSを視覚的に学べる・「Guess CSS!」
Guess CSS! Guess CSS!はクイズ形式でCSSを視覚的に学べるWebアプリです。完成図を見て正しいコードを選択するクイズ形式となっています。 文章での出題ではなく、正しいコードを選ぶだけのシンプルな問題なので...
GoogleドライブやDropboxなど各クラウドストレージサービスにデータを保存する際にファイルやフォルダ名を暗号化してくれるオープンソースのソフトウェア・「Cryptomator」
Cryptomator Cryptomatorはクラウドストレージサービスにデータを保存する際にファイルを暗号化してくれるオープンソースのソフトウェアです。Windows、MacOS、Linux、Android、iOSに対応しています...
LinuxでWindowsのソフトウェアを実行できるOSS・「Bottles」
Bottles BottlesはLinuxでWindowsのソフトウェアやゲームを実行できるオープンソースのソフトウェアです。 Windows向けのソフトウェアを動作させる為の依存関係を管理するマネージャー機能が付いており、必要...
非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダー・「Plasmic」
Plasmic Plasmicは非開発者が使う事を想定して開発された、ブラウザで動作するオープンソースのヘッドレスWebページビルダーです。 所謂ノーコードアプリとなっていてビジュアルを確認しながらドラッグ&ドロップでWebペー...
非依存型で軽量な使いやすい通知用JavaScriptライブラリ・「Notyf」
Notyf Notyfは非依存型で軽量な使いやすい通知用JavaScriptライブラリです。レスポンシブで、アクセシビリティにも配慮、カスタマイズ性に優れ、非依存なのでReact、Angular、Aurelia、Vue、Svelteな...
ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」
Quotebacks Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。 以下のように引用と引用元へのリンクとファビ...