Resource - Webデザイナー向け

画像マウスホバーの様々なエフェクトを組み合わせて管理できる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を使ってデータを暗号化して保存できるオンラインのフォトストレージです。名前がアレですが某プリンタの名前とは無関係です 検索や共有、フォルダによるカテゴライズが可能です。保存には...
Ads

企業の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...

オンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタ・「DeckDeckGo」

DeckDeckGo DeckDeckGoはオンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタです。DuckDuckGoとは基本的に関係ないようです。 DeckDeckGoはよくあるスライドエデ...

CC0ライセンスの写真や動画を配布するストックサイト・「ISO Republic」

ISO Republic ISO RepublicはCC0ライセンスの、著作権放棄された高品質な写真素材や動画を配布するストックサイトです ドメインも名前もコンセプトも変わってしまいましたが、以前はFOODIE FACTORとい...

Bootstrapベースの管理画面テンプレートを探せる・「BootstrapDash」

BootstrapDash BootstrapDashはBootstrapベースの管理画面テンプレートを探せるWebサイトです 有料/無料が混在しており、有料版はプランによって使用制限があるみたいです。無料版は基本的にはOSSと...

200以上のアニメーションするアイコンを無料で配布する・「Animated Icons」

Animated Icons Animated Iconsは200以上のアニメーションするアイコンを配布するプロジェクトサイトです。 以前ご紹介したんですが、内容もライセンスも変わっていたので改めて こちらは音源配布サイト...

CSS GridとGradientsを使ってランダムにパターンを作成、コードをコピーできる・「CSS Grid-ient」

CSS Grid-ient See the Pen CSS Grid-ient by Jordan Marshall (@TheCSSKing) on CodePen. CSS Grid-ientはCSS GridとG...

CSSによるアニメーションエフェクトの動作確認しながらコードをコピーできる・「CSS Animo」

CSS Animo CSS AnimoはCSSによるアニメーションエフェクトの動作確認しながらコードをコピーできるWebサイトです コードはクリックのみでクリップボードにコピーされるので気に入ったエフェクトをコピペするだけで使え...
Ads