プログラミング向けの様々なフォントを、実際にコードを書いて試せる・「Dev Fonts」 Dev Fonts Dev Fontsはプログラミング向けの様々なフォントを、実際にコードを書いて試せるWebアプリです。 実際に書かれているコードは編集可能となっており、他にもテーマや言語の種類も変えられるようになっています。...2020.11.21 | 10時05分45秒
Notionのようなスラッシュコマンドが使えるOSSなノートアプリ・「Notion Clone」 Notion Clone Notion CloneはNotionのようなスラッシュコマンドが使えるOSSなノートアプリです。Next.jsが採用されています。 ブロックレベルのエディタでHTMLやNotionライクなスラッシュコ...2020.11.20 | 9時59分20秒
高性能なコラボレーションホワイトボードWebアプリ・「BeeCanvas」 BeeCanvas BeeCanvasは高性能なコラボレーションホワイトボードWebアプリです。複数人で使えるチーム向けとなっています。 SSのように一応日本語化されていますので英語が苦手な方でも使えそうですね。UIもシ...2020.11.19 | 10時02分06秒
任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリ・「Font of Web」 Font of Web Font of Webは任意のWebサイトで使われているWebフォントを調査、ダウンロードも可能なWebアプリです。 解析したいWebサイトのURLを入力すると、そのサイトで利用されているWebフォントや...2020.11.18 | 10時05分34秒
各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集・「Super Tiny Icons」 Super Tiny Icons Super Tiny Iconsは各SNSやWebアプリなどのアイコンを全て1KB以下で作られた軽量SVGアイコン集です。 TwitterやInstagram、Tumblrなどお馴染みのSNSや...2020.11.16 | 10時11分00秒
任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタ・「Iconscout Icon Editor」 Iconscout Icon Editor Iconscout Icon Editorは任意のSVGファイルをアップロードして色を変更したり背景を追加したりできるオンラインSVGエディタです。 アップロードするSVGを選択するか...2020.11.15 | 10時04分17秒
シンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリ・「Pattern Monster」 Pattern Monster Pattern Monsterはシンプルなものからユニークなものまで様々なSVGパターン背景を作れるオープンソースのWebアプリです。 波状や罫線、レンガ状、方眼紙、、サークルを使ったものやスクエ...2020.11.13 | 10時01分37秒
シンプルで視認性の高いオープンソースのアイコンフォント・「Essentials」 Essentials Essentialsはシンプルで視認性の高いオープンソースのアイコンフォントです。GPLライセンスの元で配布されています。 300ほどのアイコンフォントが用意されており、インストールする事で設定された文字を...2020.11.12 | 10時00分00秒
チームのプロジェクト管理をTodoやタイムライン、カレンダー、マトリックス図などで行えるオンラインかんばんボード・「Subtask」 Subtask Subtaskはチームのプロジェクト管理をTodoやタイムライン、カレンダー、マトリックス図などで行えるかんばんボードWebアプリです。 追加したタスクをシンプルにTodoリストでカンバン式に管理したりタ...2020.11.11 | 9時57分06秒
任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なOSS・「Color Pick.」 Color Pick. Color Pick.は任意の写真から複数の色を抽出してカラーコードをコピーしたり、まとめてJSONでエクスポート可能なカラーピッカーWebアプリです。 任意の写真を読み込むと表示され、写真の好きな場所か...2020.11.10 | 10時06分08秒
クロスプラットフォームで動作する事を想定して設計されたMarkdownエディタ・「Markably」 Markably Markablyはクロスプラットフォームで動作する事を想定して設計されたMarkdownエディタです。 現在はWebアプリ版のみの提供ですが、現在Win、Mac、Linuxで動作するデスクトップ版や各スマホ版も...2020.11.09 | 10時08分27秒
多数のコンポーネントも用意されたFlexboxベースのモダンなCSSフレームワーク・「OrbitCSS」 OrbitCSS See the Pen eYzLLbZ by kachibito (@kachibito) on CodePen. OrbitCSSは多数のコンポーネントも用意されたFlexboxベースのモダ...2020.11.08 | 10時06分42秒
Reactアプリ向けのローダーを作れるWebアプリ・「Loader generator」 Loader generator Loader generatorはReactアプリ向けのローダーを作れるWebアプリです。 ドットタイプのローダーで、ドットの数や色、サイズ(幅と高さ)、各ドット同士の距離、透過やアニメーション...2020.11.07 | 10時04分20秒
ロゴのダミー画像を無償配布するミニプロジェクト・「Placeholder Logos」 Placeholder Logos Placeholder Logosはロゴのダミー画像を無償配布するミニプロジェクトです。 ダミー用に作られたロゴが8種類、それぞれ6色、テキストありと無しの2種、各種SVGとPNGが用意されて...2020.11.05 | 10時03分43秒
沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできる・「Icônes」 Icônes Icônesは沢山のオープンソースなアイコンプロジェクトを収集し、横断検索したりオリジナルのパックを作成してダウンロードできるWebアプリです。 90種近いアイコンプロジェクトが纏められており、それぞれのプロジェク...2020.11.04 | 11時05分31秒
コンポーネントとユーティリティ重視のCSSフレームワーク・「Cirrus.CSS」 Cirrus.CSS Cirrus.CSSはコンポーネントとユーティリティ重視のCSS(SCSS)フレームワークです。ラピッドプロトタイピングを目的に開発したそうです。 レスポンシブで軽量、モジュール式なので無駄もなく、既存の人...2020.11.03 | 10時10分21秒
ゆるいタッチのシンプルなSVG線画アイコンセット・「Streamline free DSP package」 Streamline free DSP package Streamline free DSP packageはゆるいタッチのシンプルなSVG線画アイコンセットであるStreamlineの無料版です。 Streamlineでは3...2020.11.02 | 10時10分51秒
Reactベースのシンプルでタッチフレンドリーな日付ピッカー・「React Nice Dates」 React Nice Dates React Nice DatesはReactベースのシンプルでタッチフレンドリーな日付ピッカーです。 タッチデバイスで指でタップしやすいように日付同士は間隔をあけられていたり、上下にドラッグする...2020.10.31 | 10時17分10秒
必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワーク・「Screen」 Screen See the Pen gOMvVwb by kachibito (@kachibito) on CodePen. Screenは必要最低限だけを揃えた、使いやすいミニマルなCSSフレームワークです。 ...2020.10.30 | 9時55分43秒
ジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供する・「CSS Background Patterns」 CSS Background Patterns CSS Background Patternsはジグザグや方眼紙、ストライプなど、シンプルなパターン背景をCSSのコードで提供するシンプルなWebアプリです。 オブジェクトのサイズ...2020.10.29 | 10時00分13秒
任意の要素をドラッグ移動出来るようにする軽量スクリプト・「dragmove.js」 dragmove.js See the Pen WNxjgOe by kachibito (@kachibito) on CodePen. dragmove.jsは任意の要素をドラッグ移動の操作が出来るようにする軽量ス...2020.10.28 | 10時01分55秒
くっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパック・「Phosphor」 Phosphor Phosphorはくっきりしていて見やすいシンプルなオープンソースの線画SVGアイコンパックです。 600近い種類の汎用的なSVG線画アイコンが用意されており、線の太さや色などをサイト内で調整する事も可能となっ...2020.10.27 | 10時09分42秒