SVGのパスを作成、操作できるオープンソースのSVGパスエディター・「SvgPathEditor」
SvgPathEditor SvgPathEditorはSVGのパスを作成、操作できるオープンソースのSVGパスエディターです。 実際に完成図を直感的に操作可能で、データが即時反映されます。左ペインからデータを編集する事も可能で...
Resource - Webディレクター向け
オーディオ素材をできるオープンソースのデスクトップアプリ・「Samplescope」
Samplescope Samplescopeはオーディオ素材をできるオープンソースのデスクトップアプリです。WindowsとMacに対応しています。 シンプルなUIで効率的に探せるのが特徴だそう。というもの、基本的にはfree...
ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」
Pattern Generator Pattern Generatorはユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできるWebアプリです。 用意されたパターンを選択肢てカラー等を設定して好みの...
オープンソースで提供されている自己ホスト型のチャット機能付きライブストリーミングツール・「Owncast」
Owncast Owncastはオープンソースで提供されている自己ホスト型のチャット機能付きライブストリーミングツールです。 Zoom等のビデオ会議ではなく、Youtubeやニコニコ、Twitch(Amazon)、Faceboo...
ブラウザのタブでHTML/CSS/JavaScriptを書いて実行できる拡張機能・「HTML New Tab」
HTML New Tab HTML New TabはブラウザのタブでHTML/CSS/JavaScriptを書いて実行できるChromeの拡張機能です。 jsfidleやCodepenのようなものですが、他ライブラリを読み込んだ...
Web制作者やマーケター向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せる・「Open Source Stash」
Open Source Stash Open Source Stashはデザイナーやマーケター、デベロッパー向けのアプリをプライバシー重視の代替アプリとして提供されたOSSを探せるWebサイトです。 GAやSlack、Zapie...
「CSSに足りない機能は？」に対する様々な回答を確認出来る・「What’s Missing From CSS?」
What's Missing From CSS? What's Missing From CSS?は「CSSに足りない機能は？」に対する開発者の様々な回答を確認出来る調査プロジェクトです。 個人的にもCSS変数やclac()、F...
軽量で拡張的な非依存のカルーセルライブラリ・「Tiny-Swiper」
Tiny-Swiper See the Pen VwKWMym by kachibito (@kachibito) on CodePen. Tiny-Swiperは軽量で拡張的な非依存のカルーセルライブラリです。他ライ...
写真をアップロードすると自動で背景を削除してくれるWebアプリ・「BACKGROUND REMOVER」
BACKGROUND REMOVER BACKGROUND REMOVERは写真をアップロードすると自動で背景を削除してくれるWebアプリです。 今までSlazzerやSocialBook Free Background Rem...
Google Analytics代替として開発された、Cookie不使用のオープンソースの解析ツール・「Pirsch」
Pirsch PirschはGoogle Analytics代替として開発された、Cookie不使用のオープンソースの、シンプルでプライバシーに配慮した解析ツールです。 GAほど多機能ではないものの、PVやセッション、リファラな...
Auth0代替として開発されたオープンソースの認証プラットフォーム・「SuperTokens」
SuperTokens SuperTokensはAuth0やFirebase Authなどの代替として開発されたオープンソースの認証プラットフォームです。 ユーザーにはストレスのないログインフローを提供しつつセキュアなセッション...
使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」
CSSLab CSSLabは使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使えるWebサイトです。 ボタンやモーダルウィンドウ、各アニメーションエフェクト、矢印付きのボタンやリンクなどをその場でデザイン、CSSと...
任意のカラーの組み合わせが問題無いかを確認できるOSSのシンプルなアクセシビリティチェックツール・「Colour Contrast Checker」
Colour Contrast Checker Colour Contrast Checkerは任意のカラーの組み合わせが問題無いかを確認できるOSSのシンプルなアクセシビリティチェックツールです。 任意の色のコントラストがWC...
アニメーションするクリエイティブな広告バナーを作成可能なWebアプリ・「Viewst」
Viewst Viewstはアニメーションするクリエイティブな広告バナーを作成可能なWebアプリです。特別な知識は不要でアニメーションバナー広告をブラウザで作成、ダウンロードする事が出来ます。 GoogleやFacebookアカ...
カスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワーク・「EasyGrid」
EasyGrid EasyGridはカスタマイズ性の高い非依存のレスポンシブなグリッドレイアウトフレームワークです。 依存性の無い軽量なJavaScrioptとCSSで様々なRWDのグリッドレイアウトを構築出来るようになっていま...
CSSのclip-pathを簡単な操作で生成できるオンラインツール・「CSS clip-path Editor」
CSS clip-path Editor See the Pen CSS clip-path Editor by Mads Stoumann (@stoumann) on CodePen. CSS clip-pat...
Three.jsを使ってマネキンに任意のポーズで表現できるスクリプト・「mannequin.js」
mannequin.js See the Pen rNMLqKv by kachibito (@kachibito) on CodePen. mannequin.jsはThree.jsを使って3Dマネキンに任意のポーズ...
Web用の3Dモデルを作成する為のデザインツール・「Spline」
Spline SplineはWeb用の3Dモデルを作成する為のデザインツールです。現在はMac用のみとなっていますがWindows向けも後に公開されるようです。 3Dモデルはドラッグで回転させたりマウスホバーで動きを与えたりと、...
テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」
SPCSS See the Pen QWKyJpY by kachibito (@kachibito) on CodePen. SPCSSはテキスト中心のコンテンツ向けに作られた超軽量スタイルシートです。開発者本人がテ...
1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセット・「EOS Icons」
EOS Icons EOS Iconsは1000以上用意された汎用的なスタイルのオープンソースのSVGアイコンセットです。 超大量に用意されたアイコンは様々なシーンや属性を問わず利用しやすく設計されています。SVGとタイトルに書...
シンプルさと使いやすさに拘った各OS対応のノートアプリ・「Nots」
Nots Notsはシンプルさと使いやすさに拘った各OS対応のノートアプリです。昨日のYanaに続き、今日もメモツールのご紹介。 結論から言うと、YanaとNotsのどちらを使うかと言われれば仕事の都合上、Yanaを選択しますが...
機能豊富でシンプルなオープンソースのデスクトップノートアプリ・「Yana」
Yana Yanaは機能豊富でシンプルなオープンソースのデスクトップノートアプリです。Win、Mac、LinuxやUbuntuなど各OSに対応しています。 基本的にはリッチテキストエディタでテキストだけでなくメディアの投稿やリス...