Webデザイナー向けに役立ちそうなリソースをまとめている・「Neede Design Resources」
Neede Design Resources Neede Design ResourcesはWebデザイナーやUI、UXデザイナーなどデザイナー向けのリソースを大量にまとめているキュレーションサイトです。ブランディングやカラー...
Resource - Webディレクター向け
DropboxやSlack、G Suite、Evernoteなどで管理しているドキュメントをひとまとめにできる・「FYI」
FYI FYIは様々なWebサービスで管理しているドキュメントをひとまとめにできるWebアプリです。対応しているサービスはDropboxやSlack、G Suite、Evernote、One Drive、Github Gist、box...
任意の画像をiOSやAndroidアプリの各サイズのアイコンに変換する・「Icon cutter」
Icon cutter Icon cutterは任意の画像をiOSやAndroidアプリのアイコンに変換するWebアプリです。Androidならmipmap-xhdpiやmipmap-xxhdpiといったようにic_launcher....
Webサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張・「WhatRuns」
WhatRuns WhatRunsは任意のWebサイトでどのようなテクノロジーが使われているかを調査できるChrome拡張です。かなり前にご紹介させて頂いたLargerIOと同じ目的ですが、こちらはブラウザ拡張としてその場で利用で...
自動で背景を除去してくれるremove.bgに、各OSに対応したデスクトップアプリが登場・「remove.bg for Windows/Mac/Linux」
remove.bg for Windows/Mac/Linux remove.bg for Windows/Mac/Linuxは自動で背景を除去してくれるremove.bgのデスクトップアプリ版です。先日Photoshopでも使えるよ...
128MBまで対応の、シンプルに使える画像アップローダー・「img.onl」
img.onl img.onlは128MBまで対応したシンプルなイメージアップローダーです。手軽さ、シンプルさが大きな特徴、というかそれ以外は特に機能は無く、ただ1つの目的のために開発されています。 アップロードは通常の方法以外...
大学の学生や教授が共同で作った3000以上の絵文字を公開するオープンソースのemojiプロジェクト・「OpenMoji」
OpenMoji OpenMojiは学生53人と2人の教授が共同で進めているオープンソースの絵文字プロジェクトです。現在3000以上ものSVGアイコンが本プロジェクトのスタイルガイドに従い、一貫したスタイルで作成、公開されてお...
href=”mailto:”のリンクをクリックした際に選択式にするスクリプト・「mailgo」
mailgo mailgoは<a href="mailto:***">のようなmailtoリンクを、メーラw－立ち上げずにモーダルウィンドウを開いて選択式にするスクリプトです。少し前にMailtoUIというスクリプトの記事...
d3.js v5をベースにしたチャートライブラリ・「Britecharts」
Britecharts Britechartsはd3.jsのv5をベースにしたチャートライブラリです。チャートとコンポーネントを簡単に直感的に組み合わせる事が出来るのだそうです。リユースブルであり、シンプルなAPIを特徴としているのだ...
無料プランでもユーザー数が無制限で1000以上の他サービスとの統合が可能な、チーム向けプロジェクト管理ツール・「ClickUp」
ClickUp ClickUpは無料プランでも追加ユーザー数が無制限で使え、1000以上のサービスとの統合も可能なチーム向けプロジェクトマネジメントツールです。各OSはもちろん、スマホやタブレットなどでも利用可能でプロジェクト...
Webページ内で未使用のCSSを高速で削除してくれるライブラリ・「DropCSS」
DropCSS DropCSSはWebページで読み込まれているCSS内から未使用のコードを削除してくれるライブラリです。高速で未使用CSSを削除したコードを表示してくれるのが特徴です。他ライブラリに依存せず単体で動作してくれます。 ...
最初の簡単なヒアリングを元に、ある程度アプリの方で作り込み、そのあとで編集、公開まで出来るオンラインWebサイトビルダー・「Landen」
Landen Landenはヒアリングを元にある程度作り込んでくれるオンラインのWebサイトビルダーです。質問に対し、選択肢で回答していくと、徐々にプロトタイプが作られていき、最後まで答えると概ねレイアウトが完成、テキストや画像を編集...
カラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれる・「Accessible Color Generator」
Accessible Color Generator Accessible Color Generatorは任意のカラーを指定すると、その色に対してアクセシビリティ的に問題ないカラーを提案してくれるWebアプリです。提案してくれるのは...
高パフォーマンス且つスケーラブルなWebアプリの為に設計された、!importantを持たず、依存ゼロのCSSツールキット・「Brevis」
Brevis Brevisは高パフォーマンス且つ拡張性の高いWebアプリの為に設計されたCSSツールキットです。セレクタファーストでレスポンシブWebデザイン対応、論理的な命名規則が特徴だそう。各classは1つの仕事だけを行うため、...
クリックでコードをコピーできるCSSアニメーションエフェクト集・「CSSFX」
CSSFX CSSFXはホバーやクリックでアニメーションエフェクトを確認、クリックでコードをコピーできるCSSアニメーションエフェクトのまとめです。エフェクトはマテリアルデザインなどで見かけるエフェクトやローダー、そのほかよく使われて...
プロトタイピングツールのFigmaで使えるBootstrap 4用のUIキット・「Figma Bootstrap 4 GUI Components」
Figma Bootstrap 4 GUI Components Figma Bootstrap 4 GUI ComponentsはプロトタイピングツールのFigmaで使えるBootstrap 4用のUIコンポーネント集です。話題のF...
様々な言語のコードをブラウザで実行テストできるオンラインIDE・「Llama」
Llama Llamaは様々なプログラミング言語のコードをブラウザで実行テストできるオンラインIDEです。対応言語はCやC++、Bush、Elixir、Go、Java、Haskell、Ruby、Pythonなどの他、JavaScrip...
textareaなどでTwemojiを手軽に選択できるようにするスクリプト・「Twemoji-Picker」
Twemoji-Picker Twemoji-PickerはTwitterがOSSとして公開している絵文字プロジェクト、Twemojiを手軽に選択できるようにするスクリプトです。jQueryに依存します。上サンプルのように、簡単に...
Laravelで作られたオープンソースのURL短縮アプリ・「UrlHum」
UrlHum UrlHumはLaravelフレームワークをベースに開発されたURL短縮ツールです。プライバシーの強化が強く意識されており、IPアドレスのハッシュ化やIPアドレスの匿名化などに加えて各URLのアナリティクス機能なども備わ...
Gmailの元リードデザイナーが作った、GmailをミニマルなデザインにするChrome拡張・「Simplify」
Simplify Simplifyは元Gmailのリードデザイナーが作った、GmailをミニマルなUIに替えるChrome拡張です。Google InboxのシンプルさをGmailにもたらす、というのが目的のよう。2008年～2012...
URLを指定すると自動でアクセシビリティチェックを行い、レポートを生成するオープンソースのデスクトップアプリ・「Koa11y」
Koa11y Koa11yはURLを指定すると、そのWebページのアクセシビリティチェックを行い、HTMLやCSV、MarkdownやJSON、XMLなどの形式でレポートを吐き出すオープンソースのデスクトップアプリです。基本的にはチェ...
SVGアイコンを好みのカラーパレットに変更、ダウンロードできる・「SVG Colorizer」
SVG Colorizer SVG Colorizerは任意のSVGアイコンを好みのカラーパレットで色を変更、ダウンロードできるWebアプリです。アプリ側で用意したアイコンの他、任意のSVGファイルをアップロードすると自動で解析し、カ...