モジュール形式のCSSボタンシステム・「knopf.css」
knopf.css See the Pen Knopf.css – Tests by kachibito (@kachibito) on CodePen. knopf.cssはモジュール形式のCSSボタンシステムです。...
Resource - Archives
オープンソースのプロジェクトを探したり比較できる・「Openbase」
Openbase OpenbaseはGithub等で公開されているオープンソースのプロジェクトを探したり比較できるWebアプリです。 TopページではJavaScriptやCSSなどのフレームワークを比較できると謳っていますが、...
Githubで公開されているコードの任意の行をブックマークできるChromeエクステンション・「Github Bookmarks」
Github Bookmarks Github BookmarksはGithubで公開されているコードの任意の行をブックマークできるChromeエクステンションです。 ファイル内の任意の行をブックマークし、Github内で管理す...
FlexboxやCSS Gridでよく用いられるレイアウトのコードを提供する・「1-Line Layouts*」
1-Line Layouts* 1-Line Layouts*はFlexboxやCSS Gridでよく用いられるレイアウトのコードを提供するプロジェクトサイトです。 センター配置やサイドバーを持った2カラムレイアウト、ヘッダ/メ...
テキストや背景のグラデーションカラーを手軽に設定できるCSSライブラリ・「grxdients.css」
grxdients.css See the Pen KKVRrbN by kachibito (@kachibito) on CodePen. grxdients.cssはテキストや背景のグラデーションカラーを手軽...
HTML/CSS/JavaScriptで作られた汎用的なCC0のコンポーネントを動作確認したりコードをコピーしたり選んでまとめてダウンロードできる・「html.systems」
html.systems html.systemsはHTML/CSS/JavaScriptで作られた汎用的なコンポーネントをまとめたプロジェクトサイトです。 各コンポーネントはその場で動作や表示の確認をしたり、コードをコピーした...
Webアプリ等に手軽にキーバインドを実装できるスクリプト・「whenipress」
whenipress See the Pen xxZWjwB by kachibito (@kachibito) on CodePen. whenipressは開発したWebアプリ等に手軽にキーバインドを実装できる...
フォルダ等のツリー構造をASCIIで作れるOSSなWebアプリ・「tree.nathanfriend.io」
tree.nathanfriend.io tree.nathanfriend.ioはフォルダ等のツリー構造をASCIIコードで作れるOSSなWebアプリです。 特に説明は不要かなと思うので要点だけ。簡単な記述だけで以下のようなツ...
シンプルなUIで使いやすいオープンソースのMarkdownノートアプリ・「Zettlr」
Zettlr ZettlrはシンプルなUIで使いやすいオープンソースのMarkdownノートアプリです。エディタとしても提供されています。 複数ファイルを管理する事が可能で左ペインに一覧が表示されるノートアプリ仕様でタグによるカ...
サクサク使えるシンプルなカラーパレット生成ツール・「Color Palette Generator」
Color Palette Generator Color Palette Generatorはサクサク使えるシンプルなカラーパレット生成ツールです。 5色固定のランダム生成ですが基本的にspaceキーとCキーの2つのキーボード...
GitHubアカウントから開発者向けポートフォリオを作成出来る・「Profiled」
Profiled ProfiledはGitHubアカウントから開発者向けポートフォリオを作成出来るWebアプリです。 GitHubのアカウントの情報を元に自動でポートフォリオを作成してくれる、というもの。 無償版では多少の...
Googleスプレッドシートでチケット販売も可能なイベントページを作成出来る・「Slick.events」
Slick.events Slick.eventsはGoogleスプレッドシートでチケット販売も可能なイベントページを作成出来るWebアプリです。 テキスト等やフォーム、参加者等をGoogleスプレッドシートで管理してチケット販...
任意のキーワードでブランドと、そのロゴやテーマカラーを調べられる検索エンジン・「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アプリ等を外部に公開して共有できるようにする、とい...