クラスレスでHTML要素に基本的なスタイルを適応するCSS・「Bamboo CSS」
Bamboo CSS See the Pen XWNqrRE by kachibito (@kachibito) on CodePen. Bamboo CSSはHTML要素に基本的なスタイルを適応するclass-les...
Resource - シンプル
コードを画像化してダウンロードできるWebアプリ・「Ray.so」
Ray.so Ray.soはコードを画像化してダウンロードできるWebアプリです。書いたコードを画像にしてSNSなどに投稿するのが主な目的みたいです。 この手のツールは既に多く世に送られていて、その筆頭がCarbon（当ブログの...
商用でも使えるSVGアイコンのセットを大量に収集、検索できる・「SVG Repo」
SVG Repo SVG Repoは商用でも使えるSVGアイコンのセットを大量に収集、検索できるSVG検索エンジンです。 さらにほとんどのアイコンは無償配布されているものに絞って収拾されているみたいで数にして30万以上のアイコン...
SVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリ・「SVGX」
SVGX SVGXはSVGの編集や最適化、変換、管理や検索が可能なSVG管理デスクトップアプリです。Win、Macの両OSに対応しています。Electron + Svelteで作られているようです。 端末内の任意のSVGのプレビ...
モダンなCSSを使ったレイアウトのコードスニペットを紹介する・「SmolCSS」
SmolCSS SmolCSSはモダンなCSSを使ったレイアウトのコードスニペットを紹介するプロジェクトサイトです。 古いCSSをモダンなCSSに置き換えるヒントを紹介するModern CSS Solutionsの運営者の方が始...
ヘッダに良く使われるアニメーションする背景を簡単に作れる・「Free Animated Headers」
Free Animated Headers See the Pen MWbjqPO by kachibito (@kachibito) on CodePen. Free Animated Headersはヘッダに良く使...
セキュアでシンプルなオープンソースのパスワードジェネレーター・「passwrd.in」
passwrd.in passwrd.inはセキュアでシンプルなオープンソースのパスワードジェネレーターです。Vueで書かれており、サーバーには一切データは送信されず、ブラウザのみで処理されます。 パスワードは数字や記号を含めた...
すりガラス風のCSSを、プレビューで確認しながらコードを生成できる・「Glassmorphism」
Glassmorphism Glassmorphismはすりガラス風のCSSを、プレビューで確認しながらコードを生成できるシンプルなWebアプリです。ぼかしの度合いと透過、色を設定する事が出来ます。 理屈は理解してても書くのが面...
アクセス数や時間を制限できるファイルアップローダー・「Disposable URL」
Disposable URL Disposable URLはアクセス数や時間を制限できるファイルアップローダーです。アクセス可能な人数と時間を設定する事で送りたい相手を限定的にする事が可能です。 ファイルを選択し、アクセス数や時...
開発者やデザイナー向けに作られたシンプルで丸みのあるオープンソースのアイコンセット・「Akar Icons」
Akar Icons Akar Iconsは開発者やデザイナー向けに作られたシンプルで丸みのあるオープンソースのアイコンセットです。 デザイナー向けにはFigmaやSketch、XD用を、開発者にはReactコンポーネントとして...
高速開発を意識して開発されたミニマリストの為のCSSフレームワーク・「Luxa CSS」
Luxa CSS See the Pen XWNrxOG by kachibito (@kachibito) on CodePen. Luxa CSSは高速開発を意識して開発されたミニマリストの為のCSSフレームワーク...
シンプルで使いやすい個人向けのオープンソースのカンバンツール・「Personal Kanban」
Personal Kanban Personal Kanbanはシンプルで使いやすい個人向けのオープンソースのカンバンツールです。ベーシックなタイプで最低限必要な機能が揃えられています。 列の追加や編集、移動、レコードの追加や編...
論文ライクなレイアウトのclassを使わないクラスレスなスタイルシート・「Tufte CSS」
Tufte CSS Tufte CSSは論文ライクなレイアウトのclassを使わないクラスレスなスタイルシートです。 論文ライクと言いますか、名前でピンと来る方もいるかもしれませんがEdward Tufte氏(Wikipedia...
様々なパターン背景をカスタマイズしてダウンロードできる・「Vector Pattern Generator」
Vector Pattern Generator Vector Pattern Generatorは様々なパターン背景をカスタマイズしてダウンロードできるWebアプリです。 よくある背景ジェネレーターですが、カスタマイズ性が割と...
Googleドキュメントをナレッジベース化できるWebサービス・「Spaceli」
Spaceli SpaceliはGoogleドキュメントをナレッジベース化できるWebサービスです。Googleドライブのフォルダとファイルを使用してコンテンツをGoogleドキュメントで管理するみたいです。 階層もフォルダに合...
軽量で超シンプルなWindows用のシステムクリーナー・「SCleaner」
SCleaner SCleanerは軽量で超シンプルなWindows用のシステムクリーナーです。インストール不要で起動可能、ワンクリックでサッと無駄なファイルを処理してくれます。 Windows10にはストレージセンサーがあるの...
ドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダー・「Tails」
Tails Tailsはドラッグ&ドロップと簡単な編集作業でTailwind.cssベースのWebサイトを作れるオンラインページビルダーです。 ある程度ユーザー数を伸ばしたCSSフレームワークは大抵この手のツールが出ます...
JavaScriptやフレームワーク等への依存がない、純粋なHTML/CSSで作られた無料のランディングページのテンプレート集・「Uisual」
Uisual See the Pen eYdrVMJ by kachibito (@kachibito) on CodePen. UisualはJavaScriptやCSSフレームワーク等への依存がない、純粋なHT...
ユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできる・「Pattern Generator」
Pattern Generator Pattern Generatorはユニークでシームレスなパターン背景を簡単に作成、SVGやPNG等でダウンロードできるWebアプリです。 用意されたパターンを選択肢てカラー等を設定して好みの...
使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使える・「CSSLab」
CSSLab CSSLabは使用頻度の高そうなUIをその場で作ってコードを発行、コピーして使えるWebサイトです。 ボタンやモーダルウィンドウ、各アニメーションエフェクト、矢印付きのボタンやリンクなどをその場でデザイン、CSSと...
CSSのclip-pathを簡単な操作で生成できるオンラインツール・「CSS clip-path Editor」
CSS clip-path Editor See the Pen CSS clip-path Editor by Mads Stoumann (@stoumann) on CodePen. CSS clip-pat...
テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」
SPCSS See the Pen QWKyJpY by kachibito (@kachibito) on CodePen. SPCSSはテキスト中心のコンテンツ向けに作られた超軽量スタイルシートです。開発者本人がテ...