💡 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ページのソースコードをダークモードで表示、コード整形も可能なブラウザ拡張・「Night Viewer」

Night Viewer Night Viewerは任意のWebページのソー...
Resource

clip-pathで要素を斜めにカットするCSSライブラリ・「Angled edges」

Angled edges Angled edgesは要素を斜めにカットするた...
Resource

チーム向けのワークスペースを提供するシンプルなプロジェクト管理ツール・「Undesk」

Undesk Undeskはチーム向けのワークスペースを提供するシンプルなプ...
Resource

各種サービスやTodo、プロジェクト管理、ファイル検索、ノートやWeb検索等を1箇所で出来るようにしたデスクトップアプリ・「Freeter」

Freeter FreeterはGoogleアナリティクスやEvernote...
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

  • 汎用的で使い勝手の良いTailwindベースUIコンポーネントライブラリ・「Basecoat」
  • ブラウザのサイドパネルを使ってChatGPTやGeminiなど任意の公式AIチャットに同時アクセスできるオープンソースのブラウザ拡張・「AI Side Panel」
  • 組み込まれたAIエージェントによるWebサイト全体の管理も可能なオープンソースの生成AI駆動型CMS・「Vilcos」
  • AIが任意のPDFを各セクションに分けて要約してくれるオープンソースのWebアプリ・「SmartPDF」
  • Laravelで構築されたオープンソースのサポートチケット管理システム・「Eagle」
  • 自然言語をAIが実行可能なコマンドに変換するCLI・「You」
  • 会議やイベント時のスケジューリングにおけるストレスを軽減する為に開発されたオープンソースのモダンなグループスケジューリングツール・「Aveableio」
  • TeamSpeakのように自己ホスト可能でDiscordライクに動作するオープンソースのチャットコミュニティプラットフォーム・「DCTS」
  • Redditライクなコミュニティサイトを構築するためのOSS・「onuze」
  • 文字の書かれた紙をスキャンしてPDFにしたものをOCRと生成AIでプレーンテキストに変換するCLI・「PDF OCR CLI」
Resource全記事 →

OSS

  • 汎用的で使い勝手の良いTailwindベースUIコンポーネントライブラリ・「Basecoat」
  • ブラウザのサイドパネルを使ってChatGPTやGeminiなど任意の公式AIチャットに同時アクセスできるオープンソースのブラウザ拡張・「AI Side Panel」
  • 組み込まれたAIエージェントによるWebサイト全体の管理も可能なオープンソースの生成AI駆動型CMS・「Vilcos」
  • AIが任意のPDFを各セクションに分けて要約してくれるオープンソースのWebアプリ・「SmartPDF」
  • Laravelで構築されたオープンソースのサポートチケット管理システム・「Eagle」
  • 自然言語をAIが実行可能なコマンドに変換するCLI・「You」
  • 会議やイベント時のスケジューリングにおけるストレスを軽減する為に開発されたオープンソースのモダンなグループスケジューリングツール・「Aveableio」
  • TeamSpeakのように自己ホスト可能でDiscordライクに動作するオープンソースのチャットコミュニティプラットフォーム・「DCTS」
  • Redditライクなコミュニティサイトを構築するためのOSS・「onuze」
  • BootstrapとBlazorでインタラクティブなWebアプリを開発するためのツールキット・「BootstrapBlazor」
OSS全記事 →

AI

  • ブラウザのサイドパネルを使ってChatGPTやGeminiなど任意の公式AIチャットに同時アクセスできるオープンソースのブラウザ拡張・「AI Side Panel」
  • 組み込まれたAIエージェントによるWebサイト全体の管理も可能なオープンソースの生成AI駆動型CMS・「Vilcos」
  • AIが任意のPDFを各セクションに分けて要約してくれるオープンソースのWebアプリ・「SmartPDF」
  • 自然言語をAIが実行可能なコマンドに変換するCLI・「You」
  • 文字の書かれた紙をスキャンしてPDFにしたものをOCRと生成AIでプレーンテキストに変換するCLI・「PDF OCR CLI」
  • 様々なAIモデルをサポート、画像や動画、音声などのメディアやコードやエッセイ等の生成等も可能なオープンソースのマルチモデル対応AIプラットフォーム・「Zarin」
  • 複雑な操作の処理も対応可能なオープンソースのクラウドネイティブ環境向けAIエージェント・「Skyflo.ai」
  • AI機能を備えたマルチプラットフォーム対応のアプリケーション開発のためのオープンソースのSaaSフレームワーク・「Paynless Framework」
  • 様々なプラットフォームで動作する、顧客からの質問に対する回答を生成AIがサポートするオープンソースのブラウザ拡張・「Verdit」
  • コードおよび会議内容の分析のためのAI駆動の分析プラットフォーム・「Insightseek」
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 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-2025 かちびと.net All Rights Reserved.
    • Resources
    • OSS
    • AI
    • CSS
    • JavaScript
    • WordPress
  • ホーム
  • トップ