2014年10月24日

SVG MANIAX Ver.2 - Mars vanilla （SVG勉強会 in こけむさズ : 2014年10月23日 #marsvanilla

SVG MANIAX Ver.2 - Mars vanilla 2014年10月23日に高円寺こけむさズで行なわれたSVG勉強会ハッシュタグ : #marsvanilla

サイト制作デザインプログラミング Web Illustrator webdesign SVG Design HTML JavaScript CSS VECTOR

bitgleams
2522
0
1
2

bg @bitgleams

ハッシュタグメモ : #marsvanilla

2014-10-23 20:09:05

ザ・マーズナレッジ株式会社 @marsknowledge

Mars vanilla スピーカーは株式会社松田直樹さん「SVGってもう使っていいの？」はじまりました！今日のハッシュタグは #marsvanilla になります。 pic.twitter.com/DB1Or9bKLR

2014-10-23 20:11:20

拡大

bg @bitgleams

viewBox属性を理解しよう #marsvanilla

2014-10-23 20:12:23

bg @bitgleams

参考・前回の資料 : slideshare.net/ssuser99dc16/s… #marsvanilla

2014-10-23 20:14:13

bg @bitgleams

viewBoxの値は「px」であって、「px」じゃない #marsvanilla

2014-10-23 20:14:49

bg @bitgleams

viewBox属性による「座標系変換」 #marsvanilla

2014-10-23 20:19:21

bg @bitgleams

……なんかおかしいと思ったら、viewBoxが怪しい。 #marsvanilla

2014-10-23 20:19:25

bg @bitgleams

SVGの表示モード - SVG Referencing modes 参照モード - SVG Processing modes 処理モード #marsvanilla

2014-10-23 20:23:33

ザ・マーズナレッジ株式会社 @marsknowledge

SVG処理モードの表です #marsvanilla pic.twitter.com/UNeS1OOOAy

2014-10-23 20:23:36

拡大

ザ・マーズナレッジ株式会社 @marsknowledge

SVG Processing Mode、デモはスーパーマリオ！ #marsvanilla

2014-10-23 20:26:41

ザ・マーズナレッジ株式会社 @marsknowledge

SVGないでmedia queriesがかける！ #marsvanilla

2014-10-23 20:28:06

ザ・マーズナレッジ株式会社 @marsknowledge

マリオが動いてるのはCSS３のアニメーションです。 #marsvanilla

2014-10-23 20:29:17

bg @bitgleams

属性値は大きく分けて - img要素 - object要素 - css backgrownd - HTML5 inline SVG #marsvanilla

2014-10-23 20:32:14

bg @bitgleams

width, height 属性の指定の仕方が大事 #marsvanilla

2014-10-23 20:32:50

Yoji Sanada @yozik

（おにぎり食べて一息ついて）着席しました。#marsvanilla

2014-10-23 20:34:44

Yoji Sanada @yozik

まっったく予備知識無しで来たらちょっとつらい感じだぜ #marsvanilla

2014-10-23 20:35:09

イシジマミキ@デザイナー不在の組織得意マン @mikiishijima

SVG勉強会のハッシュタグはこちらですー。みなさんぜひ投稿してみてください。 #marsvanilla facebook.com/events/1545505…

2014-10-23 20:35:55

Yoji Sanada @yozik

object要素（原因不明のバグあり） #marsvanilla

2014-10-23 20:36:30

bg @bitgleams

実はSVGのレンダリングはIEがもっとも綺麗。 #marsvanilla

2014-10-23 20:37:22

ザ・マーズナレッジ株式会社 @marsknowledge

インラインSVGだと長くなって運営が難しい。。。 #marsvanilla

2014-10-23 20:39:16

ザ・マーズナレッジ株式会社 @marsknowledge

fakkbackとは？IE8とアンドロイド2.3 #marsvanilla

2014-10-23 20:41:31

Yoji Sanada @yozik

fallback重要 #marsvanilla

2014-10-23 20:41:35

ザ・マーズナレッジ株式会社 @marsknowledge

SVG対応しているブラウザかどうか、JSでの振り分けをする #marsvanilla

2014-10-23 20:44:41

ザ・マーズナレッジ株式会社 @marsknowledge

foreignObjectはsvgの中に書く。 #marsvanilla

2014-10-23 20:46:59

ザ・マーズナレッジ株式会社 @marsknowledge

svg2png github.com/dbushell/grunt… #marsvanilla

2014-10-23 20:48:19

1 2 3 次へ

いま話題のタグ