jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」
Editor EditorはjsfiddleやCodepenのようにブラウザでHTML/CSS/JSのコードを実行テストできるOSSです。emmetによるコード補完やLint機能、センターバーを動かす事でレスポンシブWebデザインの表...
Resource - Webディレクター向け
Blockstackを使ったセキュアなコードスニペット管理ツール・「DECS」
DECS DECSはBlockstackを使ったセキュアなコードスニペット管理ツールです。登録したスニペットは暗号化され、自分自身でデータを保持する形となるのでDECS運営者ですら中身を見る事が出来なくなります。よって、今までのコード...
無料且つ登録も不要でJavaScriptをコードを書きながら学べる・「CodeGuppy」
CodeGuppy CodeGuppyは無料でユーザー登録も不要のJavaScript学習サービスです。コードを実際に書きながら学ぶことができます。子供から大人まで学べる、をモットーに作られているそうなので頭に入りやすいかもしれません...
JavaScript製のオープンソースなガントチャートライブラリ・「Frappe Gantt」
Frappe Gantt Frappe GanttはJS製のOSSなガントチャートライブラリです。サンプルのスケジューラーではタイムスケールはドラッグでチャートの移動や伸縮が可能で、クリックで詳細が表示されるようになっています。UIは...
任意の画像から美しいカラーパレットを自動生成、エクスポートできる・「ColorKitty」
ColorKitty ColorKittyは任意の画像から美しいカラーパレットを自動生成、PNGやJSON、SCSS、HEXなどでエクスポートできるWebアプリです。自動生成されますが、自己調整も可能で、画像上のカラーピッカーの役割の...
CMSやフレームワークとの統合を目的としたブロックベースのコンテンツエディタ・「Hyper Editor」
Hyper Editor Hyper EditorはCMSや各フレームワークとの統合を目的としたブロックベースのコンテンツエディタです。JS製で、バックエンドに依存しないのが特徴だそうです。JS製のエディタである事で、一方のCMSでは...
いろいろなWebサービスの退会プロセスの難易度や、方法、リンク等を共有するプロジェクト・「JustDeleteMe」
JustDeleteMe JustDeleteMeはWebサービスを退会するまでのプロセスの難易度をWebサービス毎に評価、退会の方法や退会する場所（URL）を共有するプロジェクトです。難易度は簡単、やや難しい、難しい、不可能の4つに...
日本にも対応のシンプルな印刷用カレンダーを作れる・「Calendar Generator」
Calendar Generator Calendar Generatorはオンラインで印刷用のカレンダーを作れるWebアプリです。日本を含め、様々な国に対応しています、といっても休日等が反映されるのではなく、月～土や1～12月といっ...
軽量でレスポンシブ対応の、classを使わないCSSフレームワーク・「Water.css」
Water.css Water.cssは軽量でレスポンシブWebデザイン対応のCSSフレームワークです。classを使っていない為、セマンティックなHTMLのWebサイト制作に向いています。これといった装飾も無く、シンプルで見やすくす...
ユーザー登録不要で使える超シンプルなリアルタイムホワイトボードアプリ・「WBO」
WBO WBOはユーザー登録不要で使える超シンプルなリアルタイムコラボレーションホワイトボードWebアプリです。Topページ中心にあるフォームに任意のキーワードを入れると部屋を作る事が出来ますのでURLを同時編集したい方に伝えるだけで...
Markdownでナレッジを共有できるプラットフォーム・「CodiMD」
CodiMD CodiMDはMarkdownによるドキュメント、ナレッジを共有、蓄積できるプラットフォームです。Facebook、Twitter、GitHubなどの認証でログイン可能となっており、複数人でドキュメントを共有可能となって...
ブロックレベルで編集できるオープンソースのリッチテキストエディタ・「Editor.js」
Editor.js Editor.jsはブロックスタイルのリッチテキストエディタです。個人的に身近なもので言うとWordPressのGutenbergなんですが、WP使わない方だとピンとこない説明かもですね。ごめんなさい。画像やテキス...
NES.cssにインスパイアされたターミナルスタイルのCSSフレームワーク・「UITerminal」
UITerminal UITerminalはNES.cssにインスパイアされた、ターミナルスタイルのCSSフレームワークです。ドットフォントにはNES.cssと同じくPress Start 2Pが用いられています。各ボタンやプログレス...
InstagramやYoutube、Twitchなどの動画や画像をダウンロードできるOSS・「SocialSnapper」
SocialSnapper SocialSnapperはInstagramやYoutube、Twitch、Radditなどに投稿された動画や画像などをURL指定していしてダウンロードできるWebアプリです。OSSとしてソースコードも公...
ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」
Checklist Design Checklist Designは様々なUI/UXのベストプラクティスをチェックする為のリスト集です。例えばログインページならロゴは使われているか、ユーザーに何をさせたいかが明示されているか、どこにど...
アクセシビリティツールやデザインバージョン管理、モックアップや3Dモデリングなど、様々なデザイナーに役立ちそうなツールやリソースのまとめ・「Awesome Design Tools」
Awesome Design Tools Awesome Design Toolsは様々なデザイナー向けのツールやリソースを収集しているキュレーションサイトです。フィードバックツールを展開するFlawlessのスタッフが作成しているキ...
1mb以下だけ使える、広告無しのシンプルな無料ホスティングサービス・「1mbsite」
1mbsite 1mbsiteは容量1MBまで使える無料ホスティングサービスです。広告も無く、独自ドメインの設定も可能となっています。いくつかのテンプレートが用意されていました。エディターはプレビューモードや外部リソース登録機能等が備...
日々のメモや日記、アイデア等を記録できるデスクトップノートアプリ・「glimpses」
glimpses glimpsesは日々のメモや日記、アイデアや画像などをログとして残せるデスクトップ用のノートアプリです。以前ご紹介したNotableと少し似ていますが、もう少し高性能でカジュアルかもしれません。同じようにMarkd...
Bootstrap 4とreact.jsベースのオープンソースなダッシュボードフレームワーク・「Vibe」
Vibe Vibeはオープンソースとして公開されてる、Bootstrap 4とreact.jsベースの管理画面構築フレームワークです。よく必要とされるUIコンポーネントやサンプルアプリ、テンプレートが同梱されており、管理画面開発をサポ...
サンプルのUIを確認しながらカラースキームを作成、様々なコードでエクスポートできる・「Geenes」
Geenes GeenesはサンプルのUIを確認しながらカラースキームを作成、様々なコードにエクスポートできるWebアプリです。サンプルとして用意されたUI集のカラーが、色を変更する事でインタラクティブに変化するのでリアルタイムに確認...
サービス終了したGoogleのアプリをまとめている・「Killed by Google」
Killed by Google Killed by Googleはサービスが終了したGoogleのアプリをまとめているWebサイトです。サービスの賛辞と記念の為に作ったそうですがタイトルからして、多分皮肉を込めての事だと思います。ア...
白黒写真に自動で色付けしてくれるオンラインツール・「Colorize Photos」
Colorize Photos Colorize Photosは白黒の写真に自動で色付けをしてくれるオンラインツールです。アップロードするだけでカラー化、ダウンロードできるようになっています。と言っても元の色の再現ではなく、ディープラ...