ã„ã¾ã•ã‚‰èžã‘ãªã„SVG——Web制作ã«ä¾¿åˆ©ãª3ã¤ã®ç†ç”± (1/2)スマートフォンå‘ã‘ã®WebサイトやWebアプリをä¸å¿ƒã«ã€ã€ŒSVGã€ãŒã„ã¾å†æ³¨ç›®ã•ã‚Œã¦ã„ã¾ã™ã€‚å˜ãªã‚‹ç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã‚’超ãˆã¦ã€æœ€è¿‘ã§ã¯ã•ã¾ã–ã¾ãªè¡¨ç¾ã«åºƒã活用ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ 本連載ã§ã¯ã€SVGã®æ¦‚è¦ã‹ã‚‰åŸºæœ¬çš„ãªä½¿ã„æ–¹ã€Web制作ã§ã®æ´»ç”¨æ–¹æ³•ã¾ã§ã‚’ã˜ã£ãり解説。CSSã«ã‚ˆã‚‹è£…飾やJavaScriptã¨ã®é€£æºãªã©ã€ã™ã§ã«ä½¿ã£ã¦ã„る人ãŒã‚‚ã£ã¨ä½¿ã„ã“ãªã™ãŸã‚ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚‚紹介ã—ã¾ã™ã€‚（編集部） Webã®è¡¨ç¾ã‚’広ã’ã‚‹SVGã®é…力 SVGã¨èžãã¨ã€ã€Œå˜ãªã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ã®ç”»åƒã§ã—ょã€ã¨æ€ã†æ–¹ã‚‚多ã„ã§ã—ょã†ã€‚確ã‹ã«SVGã¯ã€ŒScalable Vector Graphicsã€ã®ç•¥ãªã®ã§ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã®ç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã‚ã‚‹ã“ã¨ã«ã¯é–“é•ã„ã‚ã‚Šã¾ã›ã‚“。 一方ã§ã€SVGã«ã¯ã€PNGã‚„JPEGã¨ã„ã£ãŸã€ä»–ã®ç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã¨ã¯ç•°ãªã‚‹é…力ãŒã‚ã‚Šã¾ã™ã€‚SVGã‚’Webページã«ä½¿ã†ã“ã¨ã§ã€ã“ã‚Œã¾ã§ã®HTMLã‚„CSSã ã‘
http://deerest.co/2015/02/04/svg-webpage/
オープンソースã§å…¬é–‹ã•ã‚Œã¦ã„るベクターグラフィックエディタWebアプリ・「Mondrianã€
ステã‚ï¼Andrew Hoyerã•ã‚“ã®å®Ÿé¨“サイトã€JavaScript, CSS3, SVGã¨ã‹
{{#tags}}- {{label}}
{{/tags}}