フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºä»Šæ˜”物語 - Qiita
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºä»Šæ˜”物語 フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¨è¨€ã£ã¦ã‚‚ã€ã‚¢ãƒ—リやゲーム制作ãªã©ã§ã¯ãªãã€ã„ã‚ゆるWebサイト制作ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰å´ã®è©±ã«ãªã‚Šã¾ã™ã€‚ 時代背景 昔 ãŠã˜ã„ã•ã‚“ã«ã¯ã€Photoshopã€Illustratorã€Dreamweaverã¨ã„ã†3種ã®ç¥žå™¨ãŒã‚ã‚Šã¾ã—ãŸã€‚当時ã®Webサイト制作ã¯ã€ã“れらã®ã‚½ãƒ•ãƒˆã‚’利用ã—ã€ãŠã˜ã„ã•ã‚“ãŒä¸€äººã§è¡Œã£ã¦ã„ã¾ã—ãŸã€‚ãŠã˜ã„ã•ã‚“ã®ã‚ˆã†ãªä»•äº‹ã‚’ã™ã‚‹äººã¯ã€Webデザイナーã¨å‘¼ã°ã‚Œã€ã¨ã¦ã‚‚人気ãŒã‚ã‚Šã¾ã—ãŸã€‚ãŠã˜ã„ã•ã‚“ã¯å¹¸ã›ã§ã—ãŸã€‚ 今 ã„ã¤ã—ã‹Webデザインã¯åˆ†æ¥åŒ–ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãŠã˜ã„ã•ã‚“ã¯ä¹…ã—ãデザインをã—ã¦ã„ã¾ã›ã‚“。ç¾åœ¨ã®å½¼ã®ä»•äº‹ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠã‹ã‚‰å—ã‘å–ã£ãŸPhotoshopデータを基ã«Webサイトを制作ã™ã‚‹ã“ã¨ã§ã™ã€‚ãã‚Œã¯HTML5サイトã¨ã„ã†ã¨ã¦ã‚‚都åˆã®è‰¯ã„ãƒã‚ºãƒ¯ãƒ¼ãƒ‰ã§ã¾ã¨ã‚らã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ã“ã®ã“ã¨ã«ã¤ã„ã¦ã€ãŠã˜ã„ã•ã‚“ã¯ã‚„ã‚Šå ´ã®ãª
SVG女åã‚’90%軽ãã—ãŸSVG軽é‡åŒ–テク+α #svggirl
ã‚ã„ã¤ä»•äº‹ã—ã¦ãªã„ã§å¥³ã®åã®ã‚¤ãƒ©ã‚¹ãƒˆã°ã£ã‹ã‚Šã„ã˜ã£ã¦ã‚‹ãžã¨é™°ãªãŒã‚‰è¨€ã‚ã‚Œã¦ã„ãŸå–œç´ã§ã™ã€‚ HTML5ã§å‹•ãSVGアニメーション「SVG女åã€ãŒãƒ©ã‚¹ãƒ™ã‚¬ã‚¹ã§ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆåŸºèª¿è¬›æ¼”MIX11ã§å…¬é–‹ã•ã‚Œã€ 世界を（ã„ã‚ã‚“ãªæ„味ã§ï¼‰é©šã‹ã—ã¦ãã¾ã—ãŸãŒã€ ã¤ã„ã«æœ¬æ—¥ã€æ—¥æœ¬ã§ã‚‚公開ã•ã‚Œã¾ã—ãŸï¼ ã—ã‹ã‚‚日本版ã«åˆã‚ã›ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚é•·ããªã£ã¦ã„ã¾ã™ï¼ ã“ã£ãりブラウザを英語ã«ã—ã¦è¦‹ã¦ã„ãŸäººã‚‚必見ã§ã™ï¼ （神風動画ã•ã‚“ã«ã‚ˆã‚‹äºˆå‘Šç·¨å‹•ç”»ï¼ï¼‰ 神風動画ã•ã‚“ã«ã‚ˆã‚‹ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’SVGã§å†ç¾ã™ã‚‹ã¨è¨€ã†è©¦ã¿ã€ プãƒã‚°ãƒ©ãƒ ã«ã¤ã„ã¦ã¯ SVG Girlã®å…¬é–‹ã¨å†…部実装（プãƒã‚°ãƒ©ãƒžãƒ¼ãƒ–ãƒã‚°ï¼‰ ã§æ‹…当プãƒã‚°ãƒ©ãƒžãƒ¼ã®å¾éƒ·ãŒèª¬æ˜Žã—ã¦ã„ã¾ã™ãŒã€ã¨ã«ã‹ã ã„ã‹ã«SVGã‚’ãã‚Œã„ã«è»½ãã™ã‚‹ã‹ãŒæœ€é‡è¦ï¼ SVGã¨ã„ãˆã°æ‹¡å¤§ã—ã¦ã‚‚è’れる事ã®ç„¡ã„ベクター形å¼ã§ã€pngよりも軽ãã¤ãã‚ŒãŸã‚Šã™ã‚‹ã“ã¨ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ 今回
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
SVG MANIAX - CSS Nite After dark7
{{#tags}}- {{label}}
{{/tags}}