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

SVG

これでもうロゴの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

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

svgl

A beautiful library with SVG logos …続きを読む

2024/4/26 05:56

  • Pocket

2024年版最近の実装に合わせた、HTMLでWebページを実装するための必要最小限をまとめたテンプレート一式

Webページを作成する時に役立つ、HTMLをはじめとする必要最小限のファイルをまとめたシンプルな基本テンプレート一式を紹介します。 最新版は、最近の実装に合わせた設計にアップデートされました。 HTM …続きを読む

2024/4/23 09:46

  • Pocket

Layer Cake

Layer Cake is a graphics framework for Svelte. It uses the measurements of your target div and your …続きを読む

2024/4/18 00:29

  • Pocket

コピペで楽々、CSSでできるボーダーアニメーション5選

CSSでボーダーをアニメーションさせるのは意外と難しいもの。幅や色のような単純な動きは別として、より複雑なアニメーションは他の選択肢を必要なケースがしばしば。 この記事ではCSSのborderプロパテ …続きを読む

2024/4/6 04:40

  • Pocket

これでもうUIデザイン用のSVGアイコンに困らない! 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy

商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてし …続きを読む

2024/3/13 08:05

  • Pocket

SVG Flag Icons

Powered by Nucleo: Icon Manager for Mac/Windows SVG Flag Icons Explore over 200 optimized SVG countr …続きを読む

2024/2/28 10:32

  • Pocket

「JavaScriptで要素をドラッグして移動する簡単な方法」という記事が初耳だらけだった件 - Qiita

はじめに まず↓の記事を見てない方はぜひ見てください! 自分にとってはこの記事には「えっ、ナニコレ!」なテクニックが多く、特に解説もなかったのでいろいろ調べてたら休日が消えてました... なのでその時 …続きを読む

2024/2/27 02:01

  • Pocket

JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" …続きを読む

2024/2/21 13:06

  • Pocket

UIデザインで、小さいサイズでもはっきりと美しく見えるように設計されたMicroサイズのSVGアイコン -Heroicons Micro

テキストの横にアイコンを配置すると、アイコンが少し大きすぎてバランスが悪いと感じることはありませんか? アイコンは通常のMiniサイズだと20x20ですが、それより一回り小さく高密度のUI向けに設計さ …続きを読む

2024/1/23 09:43

  • Pocket

ゲームパッド・キーボードなどの入力ボタンアイコンが800種以上詰まった『Input Prompts』、Webサイト「Kenney」で無料公開

入力ボタンのアイコンパック『Input Prompts』、Webサイト「Kenney」で無料公開 各種コンシューマー機のゲームパッド、キーボード・マウスといった入力ボタンのアイコンが収録されている S …続きを読む

2024/1/23 08:57

  • Pocket

作り続けるための仕組みづくり|ARTICLES|The Graphic Design Review

グラフィックデザインの環境はいまや完全にビッグ・テックが提供するアプリケーションに囲いこまれてしまったようにみえる。しかし近年、デザイナーたちはそのような枠組みにとどまらない自由なアプローチを探究し続 …続きを読む

2024/1/16 13:58

  • Pocket

CSSで色変更もできるSVGアイコンを使うための3ステップ

こんにちは。みみほくろです。 Webデザインでアイコンをつけたいとき、何を使いますか? 画像を読み込む、疑似要素を使って描画などがよくある方法かと思いますが、今回はSVGを使ったアイコン表示について紹 …続きを読む

2024/1/15 12:21

  • Pocket

Making noisy SVGs — Daniel Immke

Addendum Dec 7, 2023 One of my ongoing fixations with the web is how improvements in technology info …続きを読む

2023/12/8 10:34

  • Pocket