CSSファイルを読み込むだけで見た目を整えられるclass-lessなCSSフレームワーク・「AttriCSS」
AttriCSS See the Pen by kachibito (@kachibito) on CodePen. AttriCSSは読み込むだけで見た目を整えられるclass-lessなCSSフレーム...
Resource - Webディレクター向け
Tailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集・「Tailwind Mobile」
Tailwind Mobile Tailwind MobileはTailwind.cssで構築されたピクセルパーフェクトなモバイル向けUIコンポーネント集です。 全てのコンポーネントには、公式のデザインガイドラインに基づいて作成...
閲覧したWebサイト等に取得される可能性のある情報を表示し、警告と対策法を明示してくれるOSS・「Vytal」
Vytal Vytalはブラウジング中に閲覧したWebサイト等に取得される可能性のあるユーザーの情報を表示し、警告と対策法を明示してくれるWebアプリです。たぶんバイタルサインから取った名前じゃないでしょうか。 ブラウザが残した...
簡単な操作でプロジェクトのガントチャートを作成、公開やCSVでエクスポート等が可能なWebアプリ・「PMThings」
PMThings PMThingsは簡単な操作でガントチャートを作成、公開やCSVでエクスポート等が可能なWebアプリです。プロジェクトマネージャー専用となっており、チャートは基本的にタスクとして作成されます。 操作は非常に簡単...
GoogleスプレッドシートやExcelのTipsや小技を大量に収集、検索できる・「SheetHacks」
SheetHacks SheetHacksはGoogleスプレッドシートやExcelのTipsや小技を大量に収集、検索できるWebサイトです。 関数やマクロ、データビジュアライズなどなど大量のカテゴリやトピックに分けられていて、...
Windows10のUIをReactで再現したOSS・「mindows」
mindows mindowsはWindows10のUIをReactで再現したOSSです。ミニマルなWinodws10、というキャッチで設計しています。 初期設定のユーザー登録を行う所から再現されており、マルチユーザー登録も可能...
任意の画像で様々な種類のCSS製フィルターを確認、気に入ったフィルターをクリックするとCSSコードをコピーできるWebアプリ・「FilterSS」
FilterSS FilterSSは任意の画像で様々な種類のCSS製フィルターを確認、気に入ったフィルターをクリックするとCSSコードをコピーできるWebアプリです。 現在42種のフィルターが用意されており、全てCSSで書かれて...
Webデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクション・「Toolkit」
Toolkit ToolkitはWebデザイナーや開発者向けのツールやリソースを手作業で大量に収集したコレクションサイトです。 とても細かくカテゴライズされていていたりキーワード検索出来たりログイン不要でお気に入り機能を使えたり...
Webサイト等のIDやパスワードを複数まとめて暗号化しブックマーク等で管理、共有できるユニークなOSSのパスワードマネージャー・「MyKeys」
MyKeys MyKeysWebサイト等のIDやパスワードを複数まとめて暗号化しマスターパスワードを設定、URLを発行してブックマーク感覚で管理、共有できるブラウザベースパスワードマネージャです。Vue/HTMLで書かれています。 ...
シンプルで手軽に使えるCLIベースのノートアプリ・「Noteli」
Noteli Noteliはシンプルで手軽に使えるCLIベースのノートアプリです。TypeScript、MongoDB、Auth0で設計されています。 以下インストールと各コマンドです。 👆インストールしてコマンドを打...
各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集・「smallDev tools」
smallDev tools smallDev toolsは各種デコード/エンコードやコードフォーマット、コンプレッサーやDiffなど開発者向けのシンプルなツールを豊富にそろえたミニツール集です。 以前ご紹介したFrontend...
2Dのピクセルアートから容易に3Dモデル化できるオープンソースのKenShapeクローン・「Pixel Model Maker」
Pixel Model Maker Pixel Model Makerは2Dのピクセルアートを3Dモデルにしてくれるオープンソースのソフトウェアです。 ゲームアセットを提供するKenneyが開発、サービス展開するKenShape...
パフォーマンスを重視した高速表示の静的サイトジェネレーター・「PRPL」
PRPL PRPLはパフォーマンスを重視した高速表示の静的サイトジェネレーターです。長く使えるようにモジュール式で設計されており、HTML要素にコンテンツを挿入する形という非常にシンプルな仕様となっています。 静的サイトジェネレ...
チャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリ・「INSTAD.IO」
INSTAD.IO INSTAD.IOはチャートやダイアグラムなど、画像を手書き風に変換、スタイルの調整等も可能なWebアプリです。 フローチャートやダイアグラム、インフォグラフィックなどを印象的な見た目の手書き風に出来るように...
Deta Spaceを使って即利用も可能なオープンソースのオンラインブックマークアプリ・「WebCrate」
WebCrate WebCrateは汎用的なUIのシンプルで使いやすいオープンソースのオンラインブックマークアプリです。Deta Spaceを使って即利用も可能です。 Vueで書かれており、フォルダでカテゴライズしたり、...
モバイルデバイス向けのJSFiddleライクなオープンソースのコード実行ツール・「WebDen」
WebDen WebDenはモバイルデバイス向けのJSFiddleライクなオープンソースのコード実行ツールです。JSFiddleやJSbin、CodepenなどブラウザでHTML/CSS/JavaScriptのコード実行テストをスマホ...
Webページの大まかなスタイルをざっくり決めてCSSコードを発行できる・「SHAPER」
SHAPER SHAPERWebページの大まかなスタイルをざっくり決めてCSSコードを発行できるOSSです。 ツールバーでタイポグラフィ、テキストやユニット、ボタンなどのスペースサイズ、カラースキーム、角丸の有無に加えてダークモ...
レスポンシブWebデザインの表示テストを複数デバイスで同時に行えるオープンソースのElectronベースデスクトップアプリ・「Responsivize」
Responsivize ResponsivizeはレスポンシブWebデザインの表示テストを複数デバイスで同時に行えるオープンソースのElectronベースデスクトップアプリです。インドに住む16歳の学生の方が開発してるみたいです。 ...
ワークフローを向上させる開発者向けツールをピックアップしている・「what devs need」
what devs need what devs needはワークフローを向上させる開発者向けツールをピックアップしているキュレーションサイトです。 生産性向上ツールやホスティング、学習サイト、DB、API、IDEや監視サイト、...
Twitterの投稿のSSを撮って加工し、ダウンロードできる・「Poet.so」
Poet.so Poet.soは任意のTwitterの投稿のSSを撮って加工し、ダウンロードできるWebアプリです。 投稿のURLを入力するだけで投稿が読み込まれ、画像化してくれます。画像は背景、透過の有無、文字サイズや画像全体...
リアルタイムコラボレーション機能を備えたオープンソースの地図アプリ・「Mapus」
Mapus Mapusはリアルタイムコラボレーション機能を備えたオープンソースの地図アプリです。複数人が同時進行で地図にマーキングしたり距離を測ったり検索したり施設を探したり線を引いたり絵を描いたり、といった事が可能です。地図データは...
SkechやFigmaで使えてReact、Vue等もサポートするオープンソースの国旗アイコンのセット・「Flagpack」
Flagpack FlagpackはSkechやFigmaで使えてReact、Vue等もサポートするオープンソースの国旗アイコンのセットです。 250以上の国の国旗がSVGで書かれており、3種類のサイズで用意されており、デザイナ...