💡 kachibito.net

  • Resources
  • OSS
  • AI
  • CSS
  • JavaScript
  • WordPress
ホーム
ソフトウェア

[PR]

シンプルなアイコンを元にロゴをオンラインで作成、DL出来るWebアプリ・「Logo.it」

Ads
X Bluesky Misskey はてブ
2024.05.04

Logo.it


Logo.itはシンプルなアイコンを元にロゴをオンラインで作成、DL出来るWebアプリです。

仕様はとってもシンプルで、用意されたシンプルなSVGアイコンのセット(Lucideが採用されています)から任意のアイコンを選択し、背景の色や形状、アイコンのサイズや角度、線の太さ、アイコンの線の色、fillの色の変更や透過などを設定してダウンロードする、というもの。

シンプルなアイコンしか選択できませんし、カスタマイズもそこまで凝ったものではありませんが、表現は幅広く、意外にもオリジナリティあるアイコンの作成が可能となっています。開発者の方も書いているようにサイドプロジェクト用のアイコン作成にどうぞ、という感じっぽいです。Next.jsベースのWebアプリみたいですね。Githubでもソースコードが公開されていました。ライセンスは明記ないので商用利用等したい場合は開発者に問い合わせください。

Logo.it

[PR]

ソフトウェア
github logo next.js Webディレクター向け Webデザイナー向け シンプル
Ads
share
X Bluesky Misskey はてブ
subscribe

recommend

Resource

Web用リッチテキストエディタを作成する為のツールキット・「ProseMirror」

ProseMirror ProseMirrorはWeb用リッチテキストエディ...
Resource

スクロールに応じて任意の要素をアニメーションさせる超軽量スクリプト・「animon」

animon See the Pen RwpWBqd by kachibit...
Resource

任意の画像内から被写体を自動検出し、背後にテキストを挿入できるOSS・「Text Behind Image」

Text Behind Image Text Behind Imageは任意...
Resource

オンラインでスライドを作成してPWAとして公開できるオープンソースのスライドエディタ・「DeckDeckGo」

DeckDeckGo DeckDeckGoはオンラインでスライドを作成してP...
ShopifyのStorefront APIを使って、わずかな時間でECサイトを立ち上げられるオープンソースのNext.js製e-コマーススターター・「Enterprise Commerce」
筋トレ等のワークアウトのプランニングやトラッキングが出来るOSSのWebアプリ・「Unshackled Fitness」

Author


Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.

Links

  • About/Privacy Policy
  • Contact
  • X(Twitter)
  • Facebook

Resources & Tools

  • AIエージェントと共同編集できるよう設計されたMacOS向けMarkdownエディター・「OpenMarkdown」
  • AIエージェントがチームの一員としてプロジェクトに貢献するオープンソースのタスク管理アプリ・「Paca」
  • CSS Gridをノーコードで視覚的にレイアウトできるオープンソースのWebアプリ・「Gridzzly」
  • スクロールに合わせた美しい画面切り替えアニメーションを簡単に作成できるオープンソースのReact向けライブラリ・「SectionFlow」
  • Grammarly代替として開発された、AIによる文章校正をしてくれるオープンソースのライティングアシスタント・「GemType」
  • shadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクション・「Spark UI」
  • プライバシーファーストに設計されたオープンソースのタイムトラッカー&生産性向上アプリ・「Vigil」
  • 軽量高速でプライバシーにも配慮したオープンソースのクリップボードマネージャー・「ORTU」
  • AIエージェントをチームで構築、デプロイ、管理する為のオープンソースのチーム向け統合ワークスペース・「sim」
  • 複数のAIコーディングエージェントをプロジェクト単位で整理・管理できるオープンソースのワークスペース管理ツール・「Soromi」
Resource全記事 →

OSS

  • AIエージェントがチームの一員としてプロジェクトに貢献するオープンソースのタスク管理アプリ・「Paca」
  • CSS Gridをノーコードで視覚的にレイアウトできるオープンソースのWebアプリ・「Gridzzly」
  • スクロールに合わせた美しい画面切り替えアニメーションを簡単に作成できるオープンソースのReact向けライブラリ・「SectionFlow」
  • Grammarly代替として開発された、AIによる文章校正をしてくれるオープンソースのライティングアシスタント・「GemType」
  • shadcn/ui同様にコピペで導入できるオープンソースのReactコンポーネントのコレクション・「Spark UI」
  • プライバシーファーストに設計されたオープンソースのタイムトラッカー&生産性向上アプリ・「Vigil」
  • 軽量高速でプライバシーにも配慮したオープンソースのクリップボードマネージャー・「ORTU」
  • AIエージェントをチームで構築、デプロイ、管理する為のオープンソースのチーム向け統合ワークスペース・「sim」
  • 複数のAIコーディングエージェントをプロジェクト単位で整理・管理できるオープンソースのワークスペース管理ツール・「Soromi」
  • プライバシーファーストに設計されているオープンソースのAI会議ノート・「AutoDoc」
OSS全記事 →

AI

  • AIエージェントと共同編集できるよう設計されたMacOS向けMarkdownエディター・「OpenMarkdown」
  • AIエージェントがチームの一員としてプロジェクトに貢献するオープンソースのタスク管理アプリ・「Paca」
  • Grammarly代替として開発された、AIによる文章校正をしてくれるオープンソースのライティングアシスタント・「GemType」
  • プライバシーファーストに設計されたオープンソースのタイムトラッカー&生産性向上アプリ・「Vigil」
  • AIエージェントをチームで構築、デプロイ、管理する為のオープンソースのチーム向け統合ワークスペース・「sim」
  • 複数のAIコーディングエージェントをプロジェクト単位で整理・管理できるオープンソースのワークスペース管理ツール・「Soromi」
  • プライバシーファーストに設計されているオープンソースのAI会議ノート・「AutoDoc」
  • Meta社が実際にアプリ開発に利用してきた、160以上のコンポーネントのAIエージェント対応オープンソースデザインシステム・「Astryx」
  • 思いついた様々なアイデアを実際のプロジェクトとして稼働できるようにする為のローカルファーストなOSSワークスペース・「OpenNapse」
  • AIによる機能も備えたオープンソースのチーム向け統合デジタルワークプレイスプラットフォーム・「eXo」
AI全記事 →

CSS snippet

  • Tailwindからインスピレーションを得たスクロールアニメーション
  • CSSだけで開閉するツリー
  • 実用的でユニークなチェックボックスのまとめ・「Beautiful CSS checkboxes examples」
  • CSSのみで昔のフィルム映像みたいなアニメーションノイズ
  • CSSのみで白抜きテキスト内に波打つようなアニメーションエフェクト
  • どのデバイスでもある程度はレイアウトが綺麗に見える100バイトのCSS
  • 夢の中の景色のようなDreamy blurエフェクトをCSSで実装する
  • :has()を使って親要素内に存在する子要素を数えるCSSのサンプル
  • 非推奨のmarqueeタグのような動作をモダンなCSSで再現
  • 文章の任意の行で文字省略を3点リーダーでなくグラデーションで
CSS全記事 →

JavaScript snippet

  • 任意のHTML要素を動的に生成する
  • Webページに「Mastodonで記事をシェア」ボタンを設置するコード
  • スクロールに応じて3Dモデルを回転させる
  • localStorageで保存可能の、シンプルなテーマ切り替え
  • 目線がマウスの動きを追う的なやつ
  • CSS+JavaScriptでローディング時にスケルトンスクリーン
  • VanillaなJavaScriptでページ内検索
  • VanillaなJSでスクロールに応じて要素をアニメーション
  • スクロール追従するページ内ナビゲーション
  • jQueryプラグインのLettering.jsをVanillaに変換
JavaScript全記事 →

WordPress Code

  • 画像のURLから、その画像のIDを取得する
  • カスタム投稿タイプの記事数をダッシュボードに表示させる
  • 非公開や下書きの固定ページを親ページに設定できるようにする
  • 一番最新の記事を除いた最新記事のリストを表示する
  • 特定の親の固定ページに属する全ての子孫のリストを表示する
  • ショートコードで任意の記事ページに関連記事を出す
  • 記事内に、前後の記事に付与した任意のカスタムフィールドの値を表示する
  • 記事を公開する前に確認アラートを出す
  • Youtube動画にマウスホバーでSNSへのシェアボタンを表示させる
  • タグクラウド内で現在閲覧中のページに付けられたタグをハイライトする
WordPress全記事 →

Projects

  • WPD-gallery
  • Web制作案件に関して

Links

  • About/Privacy Policy
  • Contact
  • Twitter
  • Facebook

Author

kachibito.net
Kachibito.net is a website to writing tutorials and code snippets for Web Developers, the main subjects are WordPress, javascript, CSS, OSS, tools and resources.
かちびと.net
Copyright © 2008-2026 かちびと.net All Rights Reserved.
    • Resources
    • OSS
    • AI
    • CSS
    • JavaScript
    • WordPress
  • ホーム
  • トップ