Resource - Webディレクター向け

Can I Use?のようにHTMLメールのタグ対応状況を各メールサービスで調査できる・「Can I email…」

Can I email… Can I email…は、Can I Useライクな使い方が出来るHTMLメールタグ対応状況調査ツールです。 HTMLメールで使えるタグは各メールサービスによって制限があったりなかったりして一貫性が無...

指定したWebページ内にあるリンクやボタン等のデフォルト時、ホバー時、フォーカス時のアクセシビリティチェックをしてくれる・「Button Contrast Checker」

Button Contrast Checker Button Contrast Checkerは任意のWebサイトのURLを指定すると、そのページ内にあるリンクやボタンなどのデフォルトの状態、マウスホバー時、フォーカス状態におけるカラ...

プライバシーにフォーカスし、BlockstackとOpenStreetMapで作られたGoogleマップ代替・「Arcane Maps」

Arcane Maps Arcane Mapsはプライバシーの保護に焦点を当てたGoogle代替のマップサービスです。BlockstackとOpenStreetMapが使われており、地図に使った個人情報、場所、検索履歴、お気に入りの場...
Ads

ブラウザでイラストを複数描いてGifアニメーションやmp4でダウンロードできるオープンソースのソフトウェア・「ANIMATE IT」

ANIMATE IT ANIMATE ITはブラウザでイラストを複数描いてGIFアニメやmp4の動画ファイルとしてダウンロードできるアニメーションドローツールです オープンソースとしてソースコードも公開されています。mp4には音...

プロジェクトが止まってしまっているSemantic UIからフォークされ、コミュニティによって開発が進められているUIフレームワーク・「Fomantic UI」

Fomantic UI Fomantic UIは、ある程度使用者が多いにもかかわらず、開発がほぼ止まってしまっているSemantic UIからフォークされて開発が進みだしたプロジェクトです。 プロジェクトサイトではコミュニティフ...

Blockstack上に構築された、手数料が0円のKickstarter代替サービス・「Crowdraise」

Crowdraise CrowdraiseはBlockstack上に構築されたKickstarter代替のクラウドファンディングサービスです。 いわゆるブロックチェーン技術を使ったセキュアなサービスを目指しているとの事。利用...

閲覧中のWebページの任意の要素のHTMLとCSSを選択してコードをjsfiddleのようなエディタで確認できるブラウザ拡張・「SnipCSS」

SnipCSS SnipCSSは閲覧しているWebページの任意の要素を選択すると、その要素に使われているHTMLとCSSを検出してjsfiddleのようなエディタで確認できるChromeエクステンションです。 ブラウザの...

実際に使用した風のUIを確認できるカラーパレットジェネレーター・「Muzli Colors」

Muzli Colors Muzli Colorsは実際に使用した風のUIを確認しながらカラーパレットを作成できるカラースキームジェネレーターです。写真をアップロードしてカラーパレットを自動生成する事も可能です。 以前ご...

スタートアップ企業のピッチデッキを収集しているギャラリーサイト・「Startup Decks」

Startup Decks Startup Decksはスタートアップ企業のピッチデッキを中心に収集しているギャラリーサイトです。 ピッチデッキはプレゼンのようなものですが、短めのコンテンツ紹介で、主に投資家向けに作られるスライ...

既存のコンテンツに統合出来るオープンソースのブログシステムフレームワーク・「Shaai」

Shaai Shaaiは既存コンテンツに統合可能なOSSのブログシステムフレームワークです。JS製、管理画面もありました。 プラグイン式に既存のWebサイトやアプリ等と統合し、ブログを構築できるのだそう。静的CMSなんかと相性良...

スタートアップ企業向けに商用でもクレジット不要のランディングページテンプレートを提供する・「Shade」

Shade Shadeは予算に苦しむスタートアップ企業向けに無償提供されたLPテンプレートです。クレジット表記も歓迎はするけど必須ではないそうです。(この旨は同梱されているライセンスファイルに記載されています) 用意され...

Webページにドラッグでページスクロール可能なミニマップを生成するスクリプト・「pagemap」

pagemap See the Pen KKPqwER by kachibito (@kachibito) on CodePen. pagemapはWebページにドラッグでページスクロール可能なミニマップを生成するスク...

モダンで軽量なオープンソースのパスワードマネージャ・「Swifty」

Swifty SwiftyはOSSとして公開されているモダンで軽量なパスマネです。デスクトップアプリとして提供されています。 ユーザーIDやクレカ情報、メモなどを保存可能で、全てのデータはマスターパスワードで暗号化されて...

Markdownでドキュメントを書いてツリー形式で管理できる国産サービス・「Tree」

Tree TreeはMarkdownでドキュメントを書いてツリー形式で管理できる@sho_yamane氏による日本の国産サービスです。 マインドマップや情報の整理整頓、ストーリー構成やプランニングツールとしての利用を想定...

BootstrapベースでVueやReact、jQuery、Angularなど様々なライブラリに対応可能の、大量のコンポーネントを含んだダッシュボード/管理画面テンプレート・「Airframe」

Airframe AirframeはBootstrapベースのダッシュボードテンプレートです。BootstrapVueやng-bootstrapなどを使う事でVueやAngularなど様々なライブラリに対応できるとのことです。 ...

シンプルな統計付きのオープンソースなURL短縮ツール・「URL Shortener」

URL Shortener URL ShortenerはOSSのURL短縮ツールです。Reactベースでシンプルな統計機能付きです。 統計機能はデフォルトではURLのクリック数のみでユーザーに公開される仕様のようです。生成される...

PHPで書かれたオープンソースのPocketクローン・「wallabag」

wallabag wallabagはオープンソースとして公開されているPocketクローンです。PocketやInstapaper、すでにサービスをシャットダウンしてしまったReadabilityなど、後で読む系サービスの代替アプリが...

xkcdライクな手書き風のチャートライブラリ・「Chart.xkcd」

Chart.xkcd See the Pen chart.xkcd pie by timqian (@timqian) on CodePen. Chart.xkcdは手書き風のチャートを生成できるJavaScriptラ...

ユーザー登録不要、クレジット不要、完全無料でロゴを作成、ダウンロードして商用利用もできるロゴ作成Webアプリ・「Namecheap Logo Maker」

Namecheap Logo Maker Namecheap Logo Makerはブラウザでロゴを自動生成してくれるWebアプリです。 星の数ほど同じ用途のツールはありますが、本アプリが違う点はユーザー登録不要、クレジ...

JavaScriptやCSSを書く感覚でクロスプラットフォームに対応できるデスクトップアプリを作るためのライブラリ・「NodeGUI」

NodeGUI NodeGUIはJSやCSSを書く感覚でデスクトップアプリを作成できるオープンソースのライブラリです。基本的にクロスプラットフォーム対応だそうです。 chromiumではなくQt5ベースとなっており、メモリとCP...

SVGによる波状のラインをランダムで作成できるジェネレーター・「Get Waves」

Get Waves Get WavesはSVGによる波状のラインをランダム作成できるジェネレーターです。波は曲線やポリゴン風、凹凸型などを選択可能です。 また、波の色や起伏の頻度なども設定可能です。気に入ったらDLして使う、みた...

シンプルで扱いやすいヘルプデスクWebサービス・「HelpNinja」

HelpNinja HelpNinjaはシンプルで扱いやすいヘルプデスクWebサービスです。個人でもチームでも利用できるようになっています(チームの場合は有料)。 ヘルプデスク自体はWYSIWYGエディタで簡単に追加、編集可能で...
Ads