Webディレクター向け

JavaScript

任意の画像にフィルターを掛けたりリサイズ、切り抜き等の加工を施してダウンロードできるOSSの画像編集ライブラリ・「Filerobot Image Editor」
CSS/HTML

コピペで使えてカスタマイズもしやすいCSSアニメーションコードをまとめている・「CSS WAND」
共有系サイト

シンプルでクセも無く使いやすい、Markdown記法でメモ出来るWebアプリ・「FlowNote」
Ads
その他

インストール不要、ブラウザのみでスクリーンキャストを撮影できるWebアプリ・「RecordScreen.io」
編集ツール

CSSフレームワークを元に、直感的な操作でWebサイトを構築できる開発者向けのWebサイトビルダー・「Frontnd Builder」
ソフトウェア

Flexboxでやりたいレイアウトを、ビジュアルを見ながら選択肢を選んで作成、コードをコピーできる・「Flex」
その他

使いやすさを最重視した、ミニマルで直感的に操作できるUIのフローチャート作成ツール・「Zen Flowchart」
CSS/HTML

Bootstrapに基づいて設計されたミニマルデザインなオープンソース管理画面テンプレート・「Spur」
ソフトウェア

1000以上ものシンプルなアイコンをsketchファイルやSVG、PSDやFigmaファイルなども同梱して無償配布するオープンソースのアイコンセット・「Material Icons Library」
ソフトウェア

チームでの翻訳作業を管理できるオープンソースの翻訳プラットフォーム・「traduora」
Webデザイン補助

カラーコードの文字に焦点を当てた実験的なカラーツール・「#c0ffee is the color」
プログラミング補助

VSCodeやAtom、Sublimeなど、様々なテキストエディタのカラーテーマを作成、公開しているプロジェクト・「RAINGLOW」
ジェネレーター

任意の動画ファイルをアップロードすると、指定したモバイル端末のモックアップに合成した動画ファイルを作成してくれる・「Mock」
JavaScript

マウスの動きやスクロールなど、閲覧ユーザーのブラウザのビューポート状態を監視するスクリプト・「Tornis」
CSS/HTML

Bootstrap 4と互換性のある、120以上のコンポーネントを揃えたWeb開発キット・「Uix Kit」
JavaScript

レーダーチャートを作れる非依存のシンプルなスクリプト・「maturity-radar」
検索エンジン

複数のストックフォトサイトからCCやパブックドメインなどの写真を横断検索できる・「Image Finder」
ソフトウェア

シンプルで軽量なオープンソースのフォーラムエンジン・「Thredded」
その他

ソーシャル機能も備えた、分かりやすく使いやすいオンラインのブックマークマネージャ・「papaly」
インスピレーション

様々なWebアプリのコンテンツ単位のスクリーンショットをデザインギャラリーに収集している・「Webframe」
インスピレーション

複数デザイナー向けコミュニティやインスピレーションサイトを任意のカラーコードやキーワードで横断検索できる・「Muzli Search」
CSS/HTML

Font Awesomeから派生したオープンソースのアイコンプロジェクト・「Fork Awesome」
次のページ