UI用のアニメーションがかわいくて楽しい！ 商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons
WebサイトやスマホアプリのUIデザイン用にかわいくて楽しいアニメーションで動くアイコン素材を紹介します。 ハンバーガー用の×に変化するアニメーション、＠を一筆書きで描くアニメーション、時計の針がくるくる回るアニメーションなど、ReactのモーションライブラリFramerを使用した動くアイコンがたくさん揃っています。 beautifully crafted animated icons pqoqubbw/icons -GitHub pqoqubbw/iconsは、Webサイトやスマホアプリのプロジェクト用に美しいアニメーションで動くアイコンのコレクションです。MITライセンスで、個人でも商用のプロジェクトでも無料で利用できます。 アニメーションで動くアイコンは、下記ページから。
ChatGPTにSVGでお絵描きさせる｜temoki / Tomoki Kobayashi
ChatGPTはテキストを生成するGenerative AIであるが、SVGのようなテキストフォーマットの画像であれば描くことができるのではないか？と思い、試してみることにした。モデルにはGPT-4を使用し、GPTにひよこ🐤を描かせることをゴールとして始める。 (私) svgのフォーマットを知っていますか？はいかいいえで答えてください。 (ChatGPT) はい (私)では、svgのコードをあなたに書いてもらいます。まずは正方形のsvgコードを書いてみてください。 (ChatGPT) 以下のコードは、SVGフォーマットで正方形を描画するものです。 このコードでは、正方形の大きさを100x100ピクセルに設定し、色を青（blue）に設定しています。必要に応じて、大きさや色を変更してください。 ChatGPTが描いた正方形 （これは簡単だろう）<svg width="100" height=
How to use SVG as a Placeholder, and Other Image Loading Techniques
How to use SVG as a Placeholder, and Other Image Loading Techniques I'm passionate about image performance optimisation and making images load fast on the web. One of the most interesting areas of exploration is placeholders: what to show when the image hasn't loaded yet. During the last days I have come across some loading techniques that use SVG, and I would like to describe them in this post. G
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
