Transform SVGs into React componentsA complete tool box to take advantage of using SVGs in your React applications.
SVGに関するjay-esのブックマーク (12)
-
jay-es 2024/05/15
-
Coding Randomized Zelda Patterns
I’ve been really enjoying the latest Zelda game, Tears of the Kingdom. One of the ways the game creates a cohesive aesthetic is by repeating patterns between the game environment and interface screens. There was one pattern in particular that I was drawn to. This repeating circle motif can be found throughout the game’s many shrines and on interface screens. The pattern is even used on the officia
-
-
-
-
Crafting Organic Patterns With Voronoi Tessellations | George Francis
Randomness in generative art is a double-edged sword. It is a wildly powerful tool for us artists, but can be difficult to tame and sculpt into something that feels organic/balanced. When composing generative patterns, placing objects on a canvas purely at random can feel chaotic, while aligning them to a traditional grid can feel rigid/predictable. While both chaos and exacting precision can both
-
絵文字をファビコンとして表示する簡単な方法
2021/5/17追記 2021年5月現在、Safariではこの方法に対応していません。Safari用に別途ファビコンを用意する必要があります。 ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペすればファビコンとして絵文字が表示されます。 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text x=%2250%%22 y=%2250%%22 style=%
-
SVGOMG - SVGO's Missing GUI
Global settings Show original Compare gzipped Prettify markup Multipass Number precision Transform precision Features Remove doctype Remove XML instructions Remove comments Remove <metadata> Remove xmlns Remove editor data Clean up attribute whitespace Merge styles Inline styles Minify styles Style to attributes Clean up IDs Remove raster images Remove unused defs Round/rewrite numbers Round/rewri
-
Gravit Designer
Accessible everywhere The web-based vector graphics app that empowers you to create on any device. Design your creative projects in a user-friendly tool with intuitive, powerful features and save your projects to the cloud to access them anywhere there’s a web browser. Easy to learn and use Kick-start your creations with diverse, curated templates. Enjoy a smooth learning curve without unnecessary
-
Royalty free Vector Illustrations for Commercial Use | Scale
Yes, the illustrations you find on scale are literally "royalty-free vector illustrations for commercial use" - absolutely free and no attribution needed. Academic, personal or commercial use, doesn't matter - feel free to use Scale's illustrations! The only condition is to not use our illustrations to resell, or repackage. Basically don't duplicate Scale or create a competitor product. Otherwise,
-
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました