SVG1.1 グループ化について(g, symbol, defs) - はしくれエンジニアもどきのメモ
SVG1.1 グループ化について(g, symbol, defs) 前回は、SVG で扱える基本図形の話でした。 今回は、SVG1.1 で使えるグループ化についてのメモです。 SVG の各図形は、パワポのグループ化のように、まとめて扱うことができます。 g タグ g タグ内で図形を呼ぶとグループ化できる。 g タグにfill などの属性を指定すると一括で指定することができる。 また、use タグで位置x y を指定してコピーすることができる。 コピーする際、元のg で指定していない属性であれば、use で指定して属性を追加できる。 以下のサンプルではコピーして、線幅を変えている。 サンプル コード <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" wid
Component based SVG Icon System
Much has been written about SVG Icon Systems and why they are amazing. In this post I want to share my workflow for creating a component based SVG icon system. The focus here is on front-end JavaScript frameworks such as React, Angular, Vue.js, etc. These frameworks allow us to split the UI into discrete, reusable components. Which means we can create a generic icon component. And use the type pro
【保存版】ワイヤーフレームに使えそうなSketch UIキット30選 | DesignSource
どうも、yohicです。 先日フリーのPSDをご紹介したんですが、そういえば最近Sketchばかり使ってるなあと思いまして。。。 最初はワイヤー描くときだけ使ってたんですが、だんだんデザインもこっちを使うようになってしまいましたね。 結局画像の加工するのでphotoshopが無いと全部はできないのですが、半分以上はSketchで完了してしまうのではないかなと。 どちらにしてもphotoshop使うなら、Sketchいらないじゃないという議論もあったのですが、そこはまた別の機会に書いてみたいと思います。 今回はワイヤーフレームを描くときに使えそうなUIキットを30個選んでみました！ スポンサーリンク webサイトのワイヤーフレーム まずはWebサイトのワイヤーフレームで使えそうなUIキットを10個ほど選んでみました。 01: Atomic Design Template Sketch Res
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
