任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタ・「Iconscout Icon Editor」
Iconscout Icon Editor Iconscout Icon Editorは任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタです。 アップロードするSVGを選択するか...
Resource - Archives
シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」
Pattern Monster Pattern Monsterはシンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリです。 波状や罫線、レンガ状、方眼紙、、サークルを使ったものやスクエ...
シンプルで視認性の高いオープンソースのアイコンフォント・「Essentials」
Essentials Essentialsはシンプルで視認性の高いオープンソースのアイコンフォントです。GPLライセンスの元で配布されています。 300ほどのアイコンフォントが用意されており、インストールする事で設定された文字を...
チームのプロジェクト管理をTodoやタイムライン、カレンダー、マトリックス図などで行えるオンラインかんばんボード・「Subtask」
Subtask Subtaskはチームのプロジェクト管理をTodoやタイムライン、カレンダー、マトリックス図などで行えるかんばんボードWebアプリです。 追加したタスクをシンプルにTodoリストでカンバン式に管理したりタ...
任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なOSS・「Color Pick.」
Color Pick. Color Pick.は任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なカラーピッカーWebアプリです。 任意の写真を読み込むと表示され、写真の好きな場所か...
クロスプラットフォームで動作する事を想定して設計されたMarkdownエディタ・「Markably」
Markably Markablyはクロスプラットフォームで動作する事を想定して設計されたMarkdownエディタです。 現在はWebアプリ版のみの提供ですが、現在Win、Mac、Linuxで動作するデスクトップ版や各スマホ版も...
多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」
OrbitCSS See the Pen eYzLLbZ by kachibito (@kachibito) on CodePen. OrbitCSSは多数のコンポーネントも用意されたFlexboxベースのモダ...
Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」
Loader generator Loader generatorはReactアプリ向けのローダーを作れるWebアプリです。 ドットタイプのローダーで、ドットの数や色、サイズ（幅と高さ）、各ドット同士の距離、透過やアニメーション...
Googleフォントを使ったテキストのみのシンプルなロゴを作成、SVGやPNGでダウンロードできる・「Typography Logo Maker」
Typography Logo Maker Typography Logo MakerはGoogleフォントを使ったテキストのみのシンプルなロゴを作成、SVGやPNGでダウンロードできるWebアプリです。 Googleフォントを...
ロゴのダミー画像を無償配布するミニプロジェクト・「Placeholder Logos」
Placeholder Logos Placeholder Logosはロゴのダミー画像を無償配布するミニプロジェクトです。 ダミー用に作られたロゴが8種類、それぞれ6色、テキストありと無しの2種、各種SVGとPNGが用意されて...
沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできる・「Icônes」
Icônes Icônesは沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできるWebアプリです。 90種近いアイコンプロジェクトが纏められており、それぞれのプロジェク...
コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」
Cirrus.CSS Cirrus.CSSはコンポーネントとユーティリティ重視のCSS(SCSS)フレームワークです。ラピッドプロトタイピングを目的に開発したそうです。 レスポンシブで軽量、モジュール式なので無駄もなく、既存の人...
ゆるいタッチのシンプルなSVG線画アイコンセット・「Streamline free DSP package」
Streamline free DSP package Streamline free DSP packageはゆるいタッチのシンプルなSVG線画アイコンセットであるStreamlineの無料版です。 Streamlineでは3...
ドローツールやロゴデザインツール、ペイントツールなどが揃ったグラフィックWebアプリ・「YouiDraw」
YouiDraw YouiDrawはドローツールやロゴデザインツール、ペイントツールなどが揃ったマルチグラフィックWebアプリです。 ドローツールやロゴデザインツールは基本的に雛型を元に作成する流れの様です。ペイントツールは自由...
Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」
React Nice Dates React Nice DatesはReactベースのシンプルでタッチフレンドリーな日付ピッカーです。 タッチデバイスで指でタップしやすいように日付同士は間隔をあけられていたり、上下にドラッグする...
必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」
Screen See the Pen gOMvVwb by kachibito (@kachibito) on CodePen. Screenは必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワークです。 ...
ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」
CSS Background Patterns CSS Background Patternsはジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供するシンプルなWebアプリです。 オブジェクトのサイズ...
任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」
dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...
くっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパック・「Phosphor」
Phosphor Phosphorはくっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパックです。 600近い種類の汎用的なSVG線画アイコンが用意されており、線の太さや色などをサイト内で調整する事も可能となっ...
様々なタイプのHTMLメールの雛型をまとめた・「Coded Mails」
Coded Mails Coded Mailsは様々なタイプのHTMLメールの雛型をまとめたHTMLメールキュレーションサイトです。 HTMLメールといっても用途はいろいろありますが、ウェルカムメールやパスワードリセット、決済後...
アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」
PatternPad PatternPadはアート風の背景パターンを生成できるWebアプリです。色やデザインも指定する事が出来ます。 設定できる項目は色、カラム数、スタイルとなっています。スタイルは既に用意されている雛型から選ぶ...
マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」
CSS Spider CSS Spiderはマウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張です。 起動するとマウスホバーで要素のCSSを自動解析し、その場にclassやI...