サイト制作関連はてブサイト制作に関連するはてブ記事をタグで抽出しただけ

SVG

コピペOK！ SVGフィルターを使った画像加工の作例集 - ICS MEDIA

ウェブサイトに欠かせない画像コンテンツ。Adobe Photoshopなどで加工し書き出すことも多いですが、SVGフィルターを使用すると同じように複雑な効果を表現できます。 本記事では、SVGフィルタ …続きを読む

2024/11/29 18:32

  • Pocket

UI用のアニメーションがかわいくて楽しい！ 商用利用も無料、アニメーションで動くアイコン素材 -pqoqubbw/icons

WebサイトやスマホアプリのUIデザイン用にかわいくて楽しいアニメーションで動くアイコン素材を紹介します。 ハンバーガー用の×に変化するアニメーション、＠を一筆書きで描くアニメーション、時計の針がくる …続きを読む

2024/11/11 09:41

  • Pocket

グラデーションがくすんでしまうのには原因がある、それを自動的に解決して美しいグラデーションを生成できる無料ツール -Gradient Generator

美しいグラデーションを作成するには、補間するカラーにグレーが含まれないようにすることが重要です。グレーが含まれてしまうと、それがデッドゾーンになり、汚いグラデーションになってしまいます。 このグレーの …続きを読む

2024/10/29 10:07

  • Pocket

UI用にデザインされた、かなり珍しいアイソメトリックのアイコン素材！ 商用利用無料、SVGやFigmaも揃ってる -Isocons

当ブログでもこれまでにSVGのアイコン素材はたくさん紹介してきましたが、アイソメトリックのアイコン素材は初めてです。 アイソメトリックのイラストは見かけますが、アイコンはほんと珍しいですね！ 商用利用 …続きを読む

2024/10/22 09:51

  • Pocket

そして世界に作図ツールがまたひとつ

要約一行 Draw.ioみたいな作図ツールがもっと欲しいから作っている。 モチベーションという名のポエム 世の中にはいい感じのカジュアルな作図ツールが少ない。ここでいうカジュアルとは、CADのような精 …続きを読む

2024/10/16 14:49

  • Pocket

無料で人気ブランドのロゴなど3000個以上のSVGアイコンをダウンロードできるサイト「Simple Icons」

「Simple Icons」は多数のブランドのアイコンをSVG形式でダウンロード可能なサイトとのことなので、どんなサイトなのか実際に確かめてみました。 Simple Icons https://sim …続きを読む

2024/9/22 23:34

  • Pocket

WebサイトやスマホアプリのUIに！ 抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app

最近のWebサイトやスマホアプリで見かける、ウェーブやポリゴンやブロブなどの抽象的で美しいSVGの背景デザインを簡単に作成、カスタマイズできる無料ツールを紹介します。 カスタマイズはかなり柔軟性があり …続きを読む

2024/9/12 10:01

  • Pocket

Isocons

Carefully crafted isometric icons. …続きを読む

2024/8/30 22:40

  • Pocket

チャットAI「Claude」人気機能「Artifacts」が誰でも使えるようになった

sponsored CORSAIR「iCUE LINK TITAN RX RGB」をチェック iCUE LINKで面倒な取り付けやRGB設定が超簡単、冷却性能もバッチリ高いCPUクーラーが3万円強！ …続きを読む

2024/8/28 18:29

  • Pocket

SVG triangle of compromise (resolved)

With SVGs on the web, you might care about a few different properties: Stylable: can be colored with …続きを読む

2024/7/29 17:21

  • Pocket

地味に役立つ！ 手描きでさまざまな形状がいい感じ、200種類以上の矢印・アローのSVG素材 -Handy Arrows

Webサイトやスマホアプリをはじめ、プレゼン・スライド・インフォグラフィックなど、さまざまなプロジェクトで無料利用できる矢印・アローのSVG素材を紹介します。 矢印・アローは200種類以上あり、すべて …続きを読む

2024/7/24 09:53

  • Pocket

UIデザインに最適！ シンプルなデザインで使いやすく、商用でも無料で利用できるSVGのアイコン素材 -Lucide

無料で使えるSVGアイコンはたくさんありますが、使い勝手がよいシンプルなデザインで、バリエーションも豊富となるとなかなか見つかりません。 WebサイトやスマホアプリのUIでよく使うアイコンが1,470 …続きを読む

2024/7/3 09:56

  • Pocket

これでもうロゴのSVGを探さないで済む！ SNSやブラウザ、ライブラリ、ソフトウェアなどのロゴをSVGで簡単に利用できる -svgl

ソーシャルメディアをはじめ、各種ブラウザ、フレームワーク、ライブラリ、言語、ソフトウェア、AI関連などのロゴをSVGで簡単に利用できるsvglを紹介します。 SVGはコードをコピペで利用したり、SVG …続きを読む

2024/6/19 09:51

  • Pocket

SVG アイコンの表示に mask-image CSS プロパティを使用する

SVG アイコンの表示に mask-image CSS プロパティを使用する 2024.06.15 mask-image プロパティは CSS でマスキングを行うためのプロパティであり、SVG アイコ …続きを読む

2024/6/15 20:55

  • Pocket

様々なサービスロゴをSVG形式でダウンロードできる「Svgl」｜BLACKFLAG

SNSやブラウザ、CMS、ソフトウェア、AIなど様々なサービスのロゴをSVGのアイコン形式でコピーまたはダウンロードすることができる「Svgl」がとても便利に活用できそうだったのでメモ書きとして紹介し …続きを読む

2024/5/29 09:17

  • Pocket

【imgタグ対応】SVGの色をCSSで変更する方法 #実務でも大活躍シリーズ

当メディアの開発・運用を担当しています。ホームページやメディアなどのウェブサイト制作から、広告用のバナー制作など、ウェブに関するクリエイティブはお気軽にご相談ください。 https://echovis …続きを読む

2024/5/1 11:23

  • Pocket

Printing music with CSS grid

Printing music with CSS Grid Too often have I witnessed the improvising musician sweaty-handedly att …続きを読む

2024/5/1 01:41

  • Pocket