Webデザイナー向け

CSS/HTML

画像マウスホバーの様々なエフェクトを組み合わせて管理できるCSSエフェクトライブラリ・「Izmir Hover Effects」

Webデザイン補助

SketchやAdobe XD、Figmaなどのプラグインを大量に収集している・「Awesome Design Plugins」

その他

Blockstackを使ってデータを暗号化して保存できるオンラインのフォトストレージ・「pixus」

Ads
インスピレーション

企業のHTMLメールやテンプレート、リソースなどを紹介する・「Email Love」

ソフトウェア

Font Awesomeを線画アイコンにした1300以上のアイコンセット・「Line Awesome」

ソフトウェア

Reactベースのライブ編集機能付きのCMSを構築する為のオープンソースなツールキット・「TinaCMS」

編集ツール

アイソメトリックな画像を作成、SVGやPNG等でダウンロードできるオンラインエディタ・「Isobuild」

編集ツール

BootstrapベースのWebページをブロック追加だけで作成、ダウンロードできるオンラインエディタ・「MDB Builder」

Webデザイン補助

URLを入力すると、そのWebページの全体スクリーンショットを撮ってくれる・「Fullpagescreencapture.com」

ジェネレーター

ゆるいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできる・「Vector Creator」

ソフトウェア

Veu.jsで作られたオープンソースのサムネイル付きオンラインブックマークマネージャ・「Moodboard」

JavaScript

手書き風のチャートを実装できる非依存のJavaScriptライブラリ・「roughViz.js」

Webデザイン補助

unsplashの写真から自動でカラーパレットを作成している・「ImageHues」

その他

1000以上のシンプルな線画と色付きのアイコンをセットで配布する・「Milk Icons」

最適化ツール

分散型のプライベートストレージを備えた、ブラウザで動作する画像圧縮ツール・「Compress.Studio」

複合/その他

Markdown用のオープンソースのWYSIWYGエディタ・「Markdown Editor」

ソフトウェア

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

検索エンジン

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

複合/その他

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

その他

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

CSS/HTML

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

CSS/HTML

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