Resource - Archives

ドローツールやロゴデザインツール、ペイントツールなどが揃ったグラフィック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フレームワークです。 ...
Ads

ジグザグや方眼紙、ストライプなど、シンプルなパターン背景を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...

RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」

Rough Awesome Font Rough Awesome FontはRoughJSを使ったラフなタッチのFontAwesomeアイコン集です。RoughJSを使ってFontAwesomeの無償版のアイコンをラフ絵に変換したSV...

商用でもクレジット無しで無料で使える大量のサウンドエフェクトを配布する・「Mixkit – Download free sound effects」

Mixkit - Download free sound effects Mixkitは以前ご紹介した、商用でも無料、クレジット表記無しで使える動画を配布するビデオストックサイトで、新たに同じ条件のライセンスでサウンドエフェクトを大量...

プライバシーに配慮したカンバンボード型のプロジェクト管理ツール・「Portabella」

Portabella Portabellaはプライバシーに配慮したカンバンボード型のプロジェクト管理ツールです。Trelloからインポート等も可能です。 カンバン、タスク、カレンダーやファイル共有などが可能となっていますが、特に...

任意のWebアプリやツール名を入力すると、その代替アプリ等のリストを返すシンプルな代替アプリ検索ツール・「Versus」

Versus Versusは任意のWebアプリやツール名を入力すると、その代替アプリ等のリストを返すシンプルな代替アプリ検索ツールです。 上SSはWordPressの類似アプリを探してみた結果です。基本的にはinput要素が表示...

コミュニケーションツールやタスク管理、ドキュメントの管理などをチームで行えるワークスペース提供ツール・「Fexspace」

Fexspace Fexspaceはコミュニケーションツールやタスク管理、ドキュメントの管理などをチームで行えるワークスペース提供ツールです。 先日ご紹介したTaskadeに続き、今日もWFHが業務形態のチーム向けのワークスペー...

Todoやカレンダーの共有、ロードマップやチャットなどリモートチーム向けのワークスペースを提供する・「Taskade」

Taskade TaskadeはTodoやカレンダーの共有、ロードマップやチャットなどリモートチーム向けのワークスペースを提供するWebアプリです。 Webは勿論、スマホや各OS向けのデスクトップアプリも提供しており、様々なチー...

Gatsby搭載のドキュメントサイト向けサイトジェネレーター・「Docxy」

Docxy DocxyはGatsby搭載のドキュメントサイト向けサイトジェネレーターです。静的で高速なドキュメントサイトの構築を目的としているようです。 Reactで作られた静的サイトジェネレーターのGatsbyが使われており、...

カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」

vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...

Notionにインスパイアされたオープンソースのカンバンボード付きノートアプリ・「Notence」

Notence NotenceはNotionにインスパイアされたオープンソースのカンバンボード付きノートアプリです。 Markdownで書けるノート機能と、Todoリストやプロジェクト管理が出来るカンバンボードが備えられており、...

小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」

Radix Icons Radix Iconsは小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセットです。 15×15のとても小さなサイズで設計されていますが、どれも視認性を損なう事無く、ど...

スタートアップが使ったスライドを閲覧できるピッチデッキギャラリー・「OpenDeck」

OpenDeck OpenDeckはスタートアップが使った1000以上のスライドを閲覧できるピッチデッキギャラリーです。 珍しく、スライド1枚1枚分けられていて、プロダクトの説明や目的、ビジョン、ロードマップやゴールの説明などを...

任意のWebサイトのユーザートラッキング技術を調査できる・「Blacklight」

Blacklight Blacklightは任意のWebサイトのユーザートラッキング技術を調査できるWebアプリです。リアルタイムのウェブサイトプライバシーインスペクターというキャッチフレーズでサービスを展開してるみたいです。 ...

ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」

Tailwind Play Tailwind PlayはブラウザでTailwindのカスタマイズテストが出来るWebアプリです。公式サイトが公開してるみたいです。 CSSとHTMLの編集は勿論、エリアの分割や異なるモニタサイズで...
Ads