AIが作った25000枚の人物画像を配布、顔も変更できる・「ROSEBUD AI」
ROSEBUD AI ROSEBUD AIはAIが作った2万5千枚の人物画像を配布するプロジェクトです。 以前ご紹介した、10万人の顔の画像を無料で配布する100,000 AI-Generated Facesと違う点は、背景も作...
Resource - Webデザイナー向け
レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」
ResponsiveViewer ResponsiveViewerはレスポンシブWebデザインの表示をさまざまなサイズで一括確認出来るChrome拡張です 各デバイスはモニタサイズとUAが設定されており、任意のモニタサイズおよび...
100日間書き続けた様々なイラストをオープンソースとして配布する・「illlustrations」
illlustrations illlustrationsはデザイナーのvijay vermaさんが行った100日チャレンジで100日間書き続けたイラストをOSSとして公開したイラスト集です 多種多様な100個のイラストがMIT...
CC0ライセンスで配布される、ゆるいスタイルのイラスト集・「Open Doodles」
Open Doodles Open Doodlesはパブリックドメインで配布されている、ゆるいスタイルのイラストのセットです 配布されている拡張子はPNG、SVG、GIFなどで、GIFはアニメーションが、SVGはスタイルを変更で...
画像をアップロードするだけで人物部分だけ切り抜いてくれるWebアプリ・「Trace by Sticker Mule」
Trace by Sticker Mule Trace by Sticker Muleは画像をアップロードすると、その画像の中から人物の部分を解析して自動で背景を切り取ってくれるWebアプリです 選択できないので精度に依存する事...
LaravelとVue.jsで構築されたオープンソースのプロジェクト管理ツール・「Goodwork」
Goodwork Goodworkはオープンソースとして公開されているLaravelとVue.jsベースのプロジェクト管理ツール/コラボレーションツールです basecampにインスパイアされて開発したそうです。非常にシ...
画像マウスホバーの様々なエフェクトを組み合わせて管理できるCSSエフェクトライブラリ・「Izmir Hover Effects」
Izmir Hover Effects Izmir Hover Effectsは画像へのマウスホバーの際に様々なエフェクトを組み合わせて実装、管理できるCSSエフェクトライブラリです 20のボーダーアニメーションエフェクト、9の...
SketchやAdobe XD、Figmaなどのプラグインを大量に収集している・「Awesome Design Plugins」
Awesome Design Plugins Awesome Design PluginsはSketchやAdobe XD、Figmaなどのプラグインを大量に収集しているキュレーションサイトです 各プラグインはそれぞれアクセスビ...
Blockstackを使ってデータを暗号化して保存できるオンラインのフォトストレージ・「pixus」
pixus pixusはBlockstackを使ってデータを暗号化して保存できるオンラインのフォトストレージです。名前がアレですが某プリンタの名前とは無関係です 検索や共有、フォルダによるカテゴライズが可能です。保存には...
企業のHTMLメールやテンプレート、リソースなどを紹介する・「Email Love」
Email Love Email Loveは企業などからくる、よく出来たHTMLメールを紹介したりテンプレート、リソースなどを紹介するHTMLメールギャラリーです 紹介されているEメールは全てHTMLで再現されているようです。H...
Font Awesomeを線画アイコンにした1300以上のアイコンセット・「Line Awesome」
Line Awesome Line AwesomeはFont Awesomeを線画アイコンにしたアイコンのセットです。Font Awesomeのカタログ全体を対象に線画アイコンを作成したそうで、その数は1300を超える量となっています...
Reactベースのライブ編集機能付きのCMSを構築する為のオープンソースなツールキット・「TinaCMS」
TinaCMS TinaCMSはGatsby及びNext.jsを使ったReactベースのライブ編集機能付きCMSを構築する為のオープンソースなツールキットです 軽量で分かりやすく理解しやすいUIに設計されており、直感的にコンテン...
アイソメトリックな画像を作成、SVGやPNG等でダウンロードできるオンラインエディタ・「Isobuild」
Isobuild Isobuildはアイソメトリック（等角投影法）な画像を作成、SVGやPNG、JPEG等でダウンロードできるオンラインエディタです 基本的には用意された素材を配置していくシンプルなもので任意の画像を生成...
BootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタ・「MDB Builder」
MDB Builder MDB BuilderはBootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタです Bootstrapのテーマやリソース、チュートリアル等を紹介するMDB...
URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」
Fullpagescreencapture.com Fullpagescreencapture.comはURLを指定すると、そのWebページの全体のスクショを撮ってくれるWebアプリです 普通に撮るだけならDevtoolsでいい...
ゆるいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできる・「Vector Creator」
Vector Creator Vector Creatorは最近よく見かけるゆるーいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできるWebアプリです この手のイラストを配布しているicon8が...
Veu.jsで作られたオープンソースのサムネイル付きオンラインブックマークマネージャ・「Moodboard」
Moodboard MoodboardはVeu.jsとFirebaseで構築されたオープンソースのサムネイル付きオンラインブックマークマネージャです Googleアカウントでログインできるようになっており、URLを指定するとサム...
手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」
roughViz.js roughViz.jsは手書き風のチャートを作成できる非依存のJSライブラリです 他ライブラリを必要とせず単体で動作してくれます。チャートの種類も棒チャートやドーナツ、散布図、円チャート、折れ線などよく使...
unsplashの写真から自動でカラーパレットを作成している・「ImageHues」
ImageHues ImageHuesはunsplashの写真を元に自動でカラーパレットを作成しているプロジェクトサイトです Favorite機能以外、特に特別な機能は無いシンプルな仕様ですが個人的には割と好きでしたので備忘録と...
1000以上のシンプルな線画と色付きのアイコンをセットで配布する・「Milk Icons」
Milk Icons Milk Iconsは1000以上ものアイコンを配布するプロジェクトです。シンプルな線画と色付きが用意されています メールアドレスの登録が必要ですが、大量のアイコンを商用でも無料で利用可能となっています ...
分散型のプライベートストレージを備えた、ブラウザで動作する画像圧縮ツール・「Compress.Studio」
Compress.Studio Compress.Studioはブラウザで動作する画像圧縮ツールです。jpg、jpeg、png等に対応しています Blockstackと連携させる事で圧縮した画像をプライベートなストレージに暗号化...
Markdown用のオープンソースのWYSIWYGエディタ・「Markdown Editor」
Markdown Editor Markdown EditorはMarkdown用のオープンソースのWYSIWYGエディタです。Web向けもデスクトップアプリ向け（Electron）もあります。 入力エリアとプレビューエリアの2...