Resource - Webディレクター向け

レスポンシブWebデザイン表示一括確認Chromeエクステンション・「ResponsiveViewer」

ResponsiveViewer ResponsiveViewerはレスポンシブWebデザインの表示をさまざまなサイズで一括確認出来るChrome拡張です 各デバイスはモニタサイズとUAが設定されており、任意のモニタサイズおよび...

開発したHTML/CSS/JS製のWebアプリを公開したり利用できる・「Outpan」

Outpan OutpanはHTML/CSS/JSで開発したWebアプリを公開、利用できる開発者向けのWebアプリ公開プラットフォームです ユーザーは様々なWebアプリを検索したり利用でき、開発者は公開したWebアプリの人気に応...

100日間書き続けた様々なイラストをオープンソースとして配布する・「illlustrations」

illlustrations illlustrationsはデザイナーのvijay vermaさんが行った100日チャレンジで100日間書き続けたイラストをOSSとして公開したイラスト集です 多種多様な100個のイラストがMIT...
Ads

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アプリです 選択できないので精度に依存する事...

WordPressのより良いツールやリソースを集約しているWP専門のキュレーションサイト・「WPCOM」

WPCOM WPCOMはWordPressの、より良いツールやリソースを集約するWP専門のキュレーションサイトです WordPressを長く愛用しているチームが厳選しているそうです。公式ディレクトリや個々に開発、提供されるツール...

LaravelとVue.jsで構築されたオープンソースのプロジェクト管理ツール・「Goodwork」

Goodwork Goodworkはオープンソースとして公開されているLaravelとVue.jsベースのプロジェクト管理ツール/コラボレーションツールです basecampにインスパイアされて開発したそうです。非常にシ...

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

Izmir Hover Effects Izmir Hover Effectsは画像へのマウスホバーの際に様々なエフェクトを組み合わせて実装、管理できるCSSエフェクトライブラリです 20のボーダーアニメーションエフェクト、9の...

シンプルで使いやすくPWAにも対応したオンラインWebサイトビルダー・「8b」

8b 8bはシンプルで使いやすいオンラインのWebサイトビルダーです。直感的な操作でWebサイトを作成、公開する事が出来ます よくあるビルダーサービスですが、UIもまぁまぁ分かりやすく、PWAにも対応しています。ページも...

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を超える量となっています...

シンプルで使いやすいオープンソースのカンバン風タスク管理ツール・「Kanban Board App」

Kanban Board App Kanban Board Appはシンプルで使いやすいOSSのカンバンライクなタスク管理ツールです カンバン単位でタスクを管理できるので複数チームのタスク管理や平行して複数プロジェクトに...

アイソメトリックな画像を作成、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でいい...

WebアプリとAPIのスピーディーな構築をサポートするシンプルなマイクロPHPフレームワーク・「Leaf PHP」

Leaf PHP Leaf PHPはWebアプリとAPIを迅速に開発、構築するためのマイクロフレームワークです PHPの自由さが原因で引き起こしがちな問題が起きにくいよう予め構造化して提供しているとの事です。 まざまな状況...

APIドキュメントページの為のGatsbyテーマ・「Greenboard」

Greenboard GreenboardはAPIドキュメントページをGatsbyで作成するの為のテーマです Gatsbyテーマに関してはWhat Are Gatsby Themes?をご覧ください。 Markdownから...

ゆるいスタイルのイラストを組み合わせてオリジナルイラストを作成、ダウンロードできる・「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ライブラリです 他ライブラリを必要とせず単体で動作してくれます。チャートの種類も棒チャートやドーナツ、散布図、円チャート、折れ線などよく使...
Ads