Webディレクター向け

ブロックレベルで編集できるオープンソースのリッチテキストエディタ・「Editor.js」

NES.cssにインスパイアされたターミナルスタイルのCSSフレームワーク・「UITerminal」

InstagramやYoutube、Twitchなどの動画や画像をダウンロードできるOSS・「SocialSnapper」

Ads

ログインページや値段表、コンタクトフォームなどのUI/UXをより良くするためのチェックリスト・「Checklist Design」

アクセシビリティツールやデザインバージョン管理、モックアップや3Dモデリングなど、様々なデザイナーに役立ちそうなツールやリソースのまとめ・「Awesome Design Tools」

1mb以下だけ使える、広告無しのシンプルな無料ホスティングサービス・「1mbsite」

日々のメモや日記、アイデア等を記録できるデスクトップノートアプリ・「glimpses」

Bootstrap 4とreact.jsベースのオープンソースなダッシュボードフレームワーク・「Vibe」

サンプルのUIを確認しながらカラースキームを作成、様々なコードでエクスポートできる・「Geenes」

サービス終了したGoogleのアプリをまとめている・「Killed by Google」

白黒写真に自動で色付けしてくれるオンラインツール・「Colorize Photos」

よく見かけるCSSアニメーションエフェクトのスニペットコードをコピーできる・「CSSeffectsSnippets」

任意のWebサイト等のスクリーンショットを、簡易的なモックアップ画像に変換してくれる・「mockdowns」

オープンソースのアバターイラスト作成ジェネレーター・「Avataaars Generator」

GraphQLとReactが使用されている、開発者向けのオープンソースなサーバーレスCMS・「Webiny」

スクロールに応じて要素にアニメーションエフェクトを付与できるシンプルで軽量なスクリプト・「lax.js」

プレーンテキストでデータを入力すると自動でチャートを生成してくれるWebアプリ・「FastCharts」

チームで管理できるオープンソースのナレッジ管理システム・「BookStack」

色とアクセシビリティの関係について、インタラクティブな操作で体感しながら学べる・「Color.review」

オープンソースのGoogle Image Charts代替・「QuickChart」

どんなデバイスでも適切なフォントサイズにしてくれるスタイルシート・「RFS」

jQueryライクな構文でDOM操作を行うために開発された超軽量ライブラリ・「femtoJS」