Koboyo Icons — 98,511 free hand-drawn SVG icons
Get your keyCreate a key, then your coding assistant can search these icons and draw diagrams and sl …続きを読む
2026/8/3 22:16
サイト制作関連はてブサイト制作に関連するはてブ記事をタグで抽出しただけ
SVG
レイヤー化も！ChatGPTでバナーデザインに挑戦
レイヤー化も！ChatGPTでバナーデザインに挑戦AIを使ったデザイン生成がどんどん進化していますね！今回はChatGPTの画像生成機能を使い、ただ画像を書き出すだけでなく「レイヤー分けして後から編集 …続きを読む
2026/7/31 14:27
GitHub - TanStack/charts: A tiny TypeScript visualization grammar for responsive, accessible, server-rendered charts—powered by granular D3 primitives.
Most chart libraries are easy until the chart stops being standard. TanStack Charts gives you one ty …続きを読む
2026/7/31 02:34
Claude Codeにリポジトリを1枚のワークフロー図にしてもらうプロンプト
新しいリポジトリに入ったとき、コードを読む前に 全体像を1枚絵で見たい ことがあります。 そこで、Claude Code に「リポジトリを読んで1枚のワークフロー図にして」と頼むプロンプトを作ってみま …続きを読む
2026/5/16 01:17
dim — 3D Application based on SVG for graphic designers
Contacts GitHub · Twitter · Instagram About In this app, one can easily import (copy & paste) 2D …続きを読む
2026/5/9 20:39
GitHub - cathrynlavery/diagram-design: Thirteen editorial diagram types for Claude Code. Self-contained HTML + SVG. No shadows, no Mermaid-slop.
Editorial diagrams your designer won't hate. 14 types. One Claude Code skill. Your brand in 60 secon …続きを読む
2026/4/18 20:08
これでSVGアイコンを探すときに困らない！ 無料で商用利用できるライブラリを横断検索できる便利サイト -All SVG Icons
SVGアイコン、特に無料で利用できるオープンソースのSVGアイコンをまとめて検索・閲覧できる便利なサイトを紹介します。 さまざまなSVGアイコンのライブラリを横断検索することもでき、好みのデザインを見 …続きを読む
2026/3/11 10:09
いや、ブラウザでHTMLとJavaScript以外の何かを動かそうという試みは、FlashとSilv..
いや、ブラウザでHTMLとJavaScript以外の何かを動かそうという試みは、FlashとSilverlight以後両手の指で数え切れないほど生まれたけど、全てポシャったよ Pyodideが物好きの …続きを読む
2026/3/8 15:02
draw.io、Claude Code向けスキルを公開 | gihyo.jp
draw.ioは2026年2月23日、Claude Code向けの「Draw.io Skill」を公開した。MCPサーバーを立ち上げずに、Claude Codeのツール（Bash/Write）だけでネ …続きを読む
2026/2/25 07:25
All SVG Icons - Free and Open Source SVG Vector Icons
Academicons158Akar Icons454Ant Design Icons830Arcticons13460Basil493Bootstrap Icons2078Bitcoin Icons …続きを読む
2026/2/13 10:23
これはかなり便利！ 1クリックであらゆるWebサイトのデザインやアセットを抽出できるChromeの拡張機能 -MiroMiro
昨年末にリリースされたばかり、Chromeの便利な拡張機能を紹介します。 MiroMiroは1クリックするだけで、表示しているサイトを分析、デザイン要素を抽出、本番環境で使えるアセットに変換するオール …続きを読む
2026/1/20 10:09
200超のアイコンセットから27万5000点以上のアイコンを集めたオープンソースアイコンライブラリ「Iconify」
インターネット上に多数存在するオープンソースのアイコンを、用途や種類に応じて分類してまとめてくれるアイコンライブラリが「Iconify」です。作者はフリーランスの開発者であるVjacheslav Tr …続きを読む
2026/1/20 00:48
【小ネタ】draw.ioで作成した図をMicrosoft Officeドキュメントにキレイに貼り付ける | DevelopersIO
データ事業本部の松村です。 皆さんはdraw.io使ってますか？ 私も特にAWS構成図を描くのに非常に愛用していましたが、せっかく作った図がMicrosoft Officeのドキュメント内に綺麗に貼れ …続きを読む
2025/12/7 13:55
ウェブサイト上でユーザーをだましてデータを盗み出す新たな攻撃手法「SVGクリックジャッキング」が登場
クリックジャッキングとは、ウェブページのリンクやボタンといった要素を偽装してユーザーをだまし、意図しない動作を引き起こす攻撃手法です。新たに、情報セキュリティやプログラミングの専門家であるLyra R …続きを読む
2025/12/5 20:18
ReactとMotionでつくる! “少し”こだわったマイクロインタラクション集 - ICS MEDIA
ウェブサイトのアニメーションにはユーザーの操作に反応するマイクロインタラクションと呼ばれるものがあります。マイクロインタラクションを加えると状態変化を滑らかな動きとしてユーザーへ伝えられ、ユーザビリテ …続きを読む
2025/12/5 09:58
商用でも完全に無料、帰属も必要なし！ ポップでおしゃれなイラスト素材がダウンロードできる日本人によるサイト -pople
日本人のクリエイターが描いた、海外風のポップでおしゃれなイラスト素材がダウンロードできるサイトを紹介します。 イラスト素材は透過PNGとSVGが揃っており、個人でも商用プロジェクトでも無料で利用できま …続きを読む
2025/12/2 09:43
SVGのパスアニメーションはgetTotalLengthメソッドが便利 - Qiita
はじめに こんにちは。CMA制作部スタッフYaatonです。 SVGを使ったアニメーションは細かい設定ができ、こだわった動きができるので実装する機会も多いのではないでしょうか。今回はSVGのパスアニメ …続きを読む
2025/9/26 14:06