Googleスプレッドシートでチケット販売も可能なイベントページを作成出来る・「Slick.events」
Slick.events Slick.eventsはGoogleスプレッドシートでチケット販売も可能なイベントページを作成出来るWebアプリです。 テキスト等やフォーム、参加者等をGoogleスプレッドシートで管理してチケット販...
Resource - Webディレクター向け
任意のキーワードでブランドと、そのロゴやテーマカラーを調べられる検索エンジン・「Brandfetch」
Brandfetch Brandfetchは任意のキーワードでブランドと、そのロゴやテーマカラーを調べられる検索エンジンです。 ブランド名は任意のキーワードを入力すると候補が表示されるインクリメント検索となっており、それぞれのブ...
ユーティリティも用意された超軽量なCSSレイアウトライブラリ・「lyt」
lyt See the Pen gOPXPLK by kachibito (@kachibito) on CodePen. lytはユーティリティも用意された超軽量なCSSレイアウトライブラリです。flexboxベース...
シンプルでセキュリティファーストなグループ音声チャットアプリ・「Squawk」
Squawk Squawkはシンプルでセキュリティファーストなグループチャットアプリです。グループには招待された人のみが入れるようになっており、データは暗号化されるそうです。 WFHへの移行で日本を含め、世界的にビデオチャットア...
WebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せる・「Webdesign Toolbox」
Webdesign Toolbox Webdesign ToolboxはWebサイトやWebアプリのデザインや開発に役立つツールやリソースを探せるキュレーションサイトです。 フォーラムや各デザインツール、開発ツール、メディアスト...
アートライクな背景パターンを配布する・「Paaatterns」
Paaatterns Paaatternsはアートライクな背景パターンを配布するプロジェクトサイトです。 いくつかのアートなパターンがSketch,やFigma、Adobe XD、Illustrator用のファイルやpng、sv...
生産性や効率の向上に貢献してくれそうなツールやアプリケーションを収集している・「theo.tools」
theo.tools theo.toolsは生産性や効率の向上に貢献してくれそうなツールやアプリケーションを収集しているキュレーションサイトです。 700以上のツールやアプリケーションが集められてて、業種や目的でソート出来るよう...
匿名で任意のファイルを共有できるOSSなWebアプリ・「beam.cafe」
beam.cafe beam.cafeは匿名で任意のファイルを共有できるOSSなWebアプリです。ログインやユーザー登録などは双方とも不要で共有用のURLを伝えるだけで利用可能です。 ファイルはサーバー上に保存されるのではなく、...
様々なブランドのロゴに使用されているフォントを紹介する・「Font In Logo」
Font In Logo Font In Logoは様々なブランドのロゴに使用されているフォントを紹介するWebサイトです。有名なブランドのフォントを探せる検索エンジンとして提供しているそうです。 開発者の所属するデザインチーム...
Webサイトやアプリのデザインや開発の際に役立つリソースやツールを各カテゴリに分けて集約した・「Undesign」
Undesign UndesignはWebサイトやアプリのデザインや開発の際に役立つリソースやツールを各カテゴリに分けて集約したキュレーションサイトです かなり細かいカテゴリに分けられているので迷うことなく目的から必要なツール等...
オープンソースのngrok代替・「Expose」
Expose Exposeはオープンソースとして提供されているトンネルアプリケーションです。ngrokの代替として開発しているそうです。 ngrokと同様に、ローカル環境のWebアプリ等を外部に公開して共有できるようにする、とい...
成功したブランドのWebサイトに焦点を当てたUIデザインギャラリー・「Convertux Interfaces」
Convertux Interfaces Convertux Interfacesは成功したブランドのWebサイトに焦点を当てたUIデザインギャラリーです。 ブランドが何を持って成功しているかは認知の数値に尽きると思うので、特別...
色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれる・「Who Can Use」
Who Can Use Who Can Useは色のコントラストが視覚障害を持つ様々な人にどのように影響するかについて教えてくれるユーザビリティツールです。 任意の背景とテキストのカラーを指定すると、色覚異常の各症状のシミュ...
手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリ・「keen-slider」
keen-slider keen-sliderは手軽に扱えるタッチフレンドリーで汎用的なカルーセルライブラリです。 他ライブラリを必要としない非依存型でタッチデバイスファーストな設計となっています。操作もシンプルで様々な用途に使...
ノートやメモの感覚で使えるリーディングファーストなブログプラットフォーム・「Collected Notes」
Collected Notes Collected Notesはノートやメモの感覚で使えるリーディングファーストなブログプラットフォームです コメント欄や広告、トラッキング、SNSによる言及などのいわゆるバニティメトリクスなど不...
モダンでシンプルなRSSリーダー・「feedfox」
feedfox feedfoxはモダンでシンプルなRSSリーダーです。個人的に「そうそうこういうので良いんだよ」となったのでメモ 通常のWebサイトのフィードはもちろん、YoutubeやPodcastなどのRSSを登録すればその...
Animate.cssを使用してスクロールに応じてコンテンツにアニメーションエフェクトを追加できる軽量スクリプト・「Josh.js」
Josh.js See the Pen wvMzNYv by kachibito (@kachibito) on CodePen. Josh.jsはAnimate.cssを使用してスクロールに応じてコンテンツにアニ...
画像に一括で任意のウォーターマークを挿入できるWebアプリ・「fastwatermark」
fastwatermark fastwatermarkは画像に一括で任意のウォーターマークを挿入できるフォトグラファー向けのWebアプリです 複数画像をアップロードし、別途アップロードした、透かしに使うロゴ等をワンクリックだけで...
ブラウザで動作するオープンソースのテキストエディタ・「Writty」
Writty Writtyはブラウザで動作するオープンソースのテキストエディタです。HTML/JavaScript/CSSで作られています ライティングに集中できるよう、ミニマルなUIでツールバーも最小限に、且つサイドに寄せられ...
チャートも含める事が出来るテーブルライブラリ・「AnyGrids」
AnyGrids See the Pen YzwWpoK by kachibito (@kachibito) on CodePen. AnyGridsはチャートも含める事が出来るテーブル生成JavaScriptライブラ...
様々な紙のサイズ、寸法を調べられる・「PaperSizes.guide」
PaperSizes.guide PaperSizes.guideは様々な紙のサイズ、寸法を調べられるプロジェクトサイトです A3やA4、B5などA、B、C系の用紙サイズや各写真のサイズ、アメリカや日本、カナダなど各国で採用して...
SVGのカスタムシェイプを直感的に作れるシンプルなWebアプリ・「Shape Divider」
Shape Divider Shape Dividerはヒーローイメージやセクション間で使えそうなSVGのカスタムシェイプを直感的に作れるシンプルなWebアプリです 実際に完成図を見ながらセッティング、作成できるので特別な知識な...