様々なタイプのHTMLメールの雛型をまとめた・「Coded Mails」 Coded Mails Coded Mailsは様々なタイプのHTMLメールの雛型をまとめたHTMLメールキュレーションサイトです。 HTMLメールといっても用途はいろいろありますが、ウェルカムメールやパスワードリセット、決済後...2020.10.26 | 10時12分02秒
アートな背景パターンを生成できるパターンジェネレーター・「PatternPad」 PatternPad PatternPadはアート風の背景パターンを生成できるWebアプリです。色やデザインも指定する事が出来ます。 設定できる項目は色、カラム数、スタイルとなっています。スタイルは既に用意されている雛型から選ぶ...2020.10.25 | 10時01分32秒
マウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張・「CSS Spider」 CSS Spider CSS Spiderはマウスホバーで任意の要素のCSSをその場で調査、コードをCodepenに送ったりコピーできるブラウザ拡張です。 起動するとマウスホバーで要素のCSSを自動解析し、その場にclassやI...2020.10.24 | 10時17分32秒
RoughJSを使ったラフなタッチのFontAwesome・「Rough Awesome Font」 Rough Awesome Font Rough Awesome FontはRoughJSを使ったラフなタッチのFontAwesomeアイコン集です。RoughJSを使ってFontAwesomeの無償版のアイコンをラフ絵に変換したSV...2020.10.23 | 9時58分58秒
jQueryプラグインのLettering.jsをVanillaに変換 Result See the Pen JjKbdmE by kachibito (@kachibito) on CodePen. CSS-TricksのChris氏が開発した、文字装飾ライブラリはjQueryプラグイン...2020.10.22 | 10時17分15秒
商用でもクレジット無しで無料で使える大量のサウンドエフェクトを配布する・「Mixkit – Download free sound effects」 Mixkit - Download free sound effects Mixkitは以前ご紹介した、商用でも無料、クレジット表記無しで使える動画を配布するビデオストックサイトで、新たに同じ条件のライセンスでサウンドエフェクトを大量...2020.10.21 | 10時13分26秒
プライバシーに配慮したカンバンボード型のプロジェクト管理ツール・「Portabella」 Portabella Portabellaはプライバシーに配慮したカンバンボード型のプロジェクト管理ツールです。Trelloからインポート等も可能です。 カンバン、タスク、カレンダーやファイル共有などが可能となっていますが、特に...2020.10.20 | 10時06分52秒
任意のWebアプリやツール名を入力すると、その代替アプリ等のリストを返すシンプルな代替アプリ検索ツール・「Versus」 Versus Versusは任意のWebアプリやツール名を入力すると、その代替アプリ等のリストを返すシンプルな代替アプリ検索ツールです。 上SSはWordPressの類似アプリを探してみた結果です。基本的にはinput要素が表示...2020.10.19 | 10時03分32秒
コミュニケーションツールやタスク管理、ドキュメントの管理などをチームで行えるワークスペース提供ツール・「Fexspace」 Fexspace Fexspaceはコミュニケーションツールやタスク管理、ドキュメントの管理などをチームで行えるワークスペース提供ツールです。 先日ご紹介したTaskadeに続き、今日もWFHが業務形態のチーム向けのワークスペー...2020.10.18 | 10時08分37秒
Todoやカレンダーの共有、ロードマップやチャットなどリモートチーム向けのワークスペースを提供する・「Taskade」 Taskade TaskadeはTodoやカレンダーの共有、ロードマップやチャットなどリモートチーム向けのワークスペースを提供するWebアプリです。 Webは勿論、スマホや各OS向けのデスクトップアプリも提供しており、様々なチー...2020.10.17 | 10時06分53秒
Gatsby搭載のドキュメントサイト向けサイトジェネレーター・「Docxy」 Docxy DocxyはGatsby搭載のドキュメントサイト向けサイトジェネレーターです。静的で高速なドキュメントサイトの構築を目的としているようです。 Reactで作られた静的サイトジェネレーターのGatsbyが使われており、...2020.10.16 | 10時12分34秒
カスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤー・「vime.js」 vime.js vime.jsはカスタマイズ性、拡張性を重視して設計された非依存型のメディアプレーヤーです。 基本的には単体で動作しますが、ReactやVue、Svelteなど他フレームワークもサポートされています。 動画...2020.10.15 | 10時11分08秒
Notionにインスパイアされたオープンソースのカンバンボード付きノートアプリ・「Notence」 Notence NotenceはNotionにインスパイアされたオープンソースのカンバンボード付きノートアプリです。 Markdownで書けるノート機能と、Todoリストやプロジェクト管理が出来るカンバンボードが備えられており、...2020.10.14 | 10時16分39秒
小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセット・「Radix Icons」 Radix Icons Radix Iconsは小さなサイズでも形状を認識できるようデザインされたオープンソースのミニマルなアイコンセットです。 15×15のとても小さなサイズで設計されていますが、どれも視認性を損なう事無く、ど...2020.10.13 | 10時10分52秒
スタートアップが使ったスライドを閲覧できるピッチデッキギャラリー・「OpenDeck」 OpenDeck OpenDeckはスタートアップが使った1000以上のスライドを閲覧できるピッチデッキギャラリーです。 珍しく、スライド1枚1枚分けられていて、プロダクトの説明や目的、ビジョン、ロードマップやゴールの説明などを...2020.10.12 | 10時06分22秒
任意のWebサイトのユーザートラッキング技術を調査できる・「Blacklight」 Blacklight Blacklightは任意のWebサイトのユーザートラッキング技術を調査できるWebアプリです。リアルタイムのウェブサイトプライバシーインスペクターというキャッチフレーズでサービスを展開してるみたいです。 ...2020.10.11 | 9時53分43秒
ブラウザでTailwindのカスタマイズテストが出来る・「Tailwind Play」 Tailwind Play Tailwind PlayはブラウザでTailwindのカスタマイズテストが出来るWebアプリです。公式サイトが公開してるみたいです。 CSSとHTMLの編集は勿論、エリアの分割や異なるモニタサイズで...2020.10.10 | 10時02分16秒
タッチデバイスフレンドリーなブロックレベルのコンテンツエディターライブラリ・「SmartBlock」 SmartBlock See the Pen SmartBlock Demo by kachibito (@kachibito) on CodePen. SmartBlockはッチデバイスフレンドリーなブロックレベ...2020.10.09 | 10時05分54秒
グループで使えるコラボレーションホワイトボード・「Lucidspark」 Lucidspark Lucidsparkはグループで使えるコラボレーションホワイトボードです。割と高機能な印象で、応用も効きそうでした。 従来の共有できるホワイトボードと同様に、テキストやドローツール、テキストをかけるオブジェ...2020.10.08 | 10時03分19秒
カンバンボードも備えたオープンソースのプロジェクト管理ツール・「Taskcafe」 Taskcafe Taskcafeはカンバンボードも備えたオープンソースのプロジェクト管理ツールです。Goで書かれています。 主に個々人のワークフローに合ったプロジェクト管理ツールを提供できるのが目標だそうです。 現在はア...2020.10.07 | 10時02分09秒
シンプルで汎用的なオープンソースのアイコンセット・「Mono Icons」 Mono Icons Mono Iconsはシンプルで汎用的なオープンソースのアイコンセットです。136個の、よく利用されるようなアイコンが用意されています。 WebやモバイルなどのアプリやWebサイトなど、様々なデジタルプロダ...2020.10.06 | 10時22分09秒
Moment.jsライクに使える2KBほどの軽量な日付操作ライブラリ・「Day.js」 Day.js Day.jsはMoment.jsライクに使える2KBほどの軽量な日付操作ライブラリです。Moment.jsとほぼ同じ使い方で同じように操作する事が出来ます。 他ライブラリにも依存せず、Moment.jsを使って...2020.10.05 | 10時03分03秒