10分ã§ã‚ã‹ã‚‹SVG 基礎編知ã£ã¦å¾—ã™ã‚‹ã€Webブラウザ上ã§åˆ©ç”¨ã§ãるグラフィック関連技術。HTMLã®ã‚ˆã†ãªæ„Ÿè¦šã§å›³å½¢ãŒæç”»ã§ãる「SVGã€ã‚’ãƒãƒƒã‚¯ã—よㆠSVGドã‚ュメントã®æ›¸ãæ–¹ 本連載ã§ã¯ã€Webブラウザ上ã§åˆ©ç”¨ã§ãるグラフィック技術を分ã‹ã‚Šã‚„ã™ã紹介ã—ã¦ã„ã¾ã™ã€‚第2回ã¨ãªã‚‹ä»Šå›žã®ãƒ†ãƒ¼ãƒžã¯SVGã§ã™ã€‚ ã”å˜ã˜ã®æ–¹ã‚‚多ã„ã¨æ€ã„ã¾ã™ãŒã€SVGã¯XMLをベースã«ã—ãŸãƒ™ã‚¯ãƒˆãƒ«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã®è¨˜è¿°è¨€èªžã§ã™ã€‚PNGã®ã‚ˆã†ãªç”»åƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®1ã¤ã§ã‚‚ã‚ã‚Šã¾ã™ãŒã€å®Ÿéš›ã«ã¯XMLを記述ã—ãŸãƒ†ã‚ストファイルã§ã‚ã‚Šã€HTMLã¨åŒæ§˜ã«JavaScript（DOM API）ã«ã‚ˆã‚‹åˆ¶å¾¡ã‚‚è¡Œãˆã¾ã™ã€‚HTMLãŒã‚¿ã‚°ã«ã‚ˆã£ã¦æ–‡æ›¸ã®æ§‹é€ を記述ã™ã‚‹ã®ã¨åŒæ§˜ã«ã€SVGã¯ã‚¿ã‚°ã§å›³å½¢ã‚’記述ã—ã¾ã™ã€‚ ■　XMLã§ãƒ™ã‚¯ãƒˆãƒ«ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’記述ã™ã‚‹SVG 実ã¯SVGã®è¦æ ¼è‡ªä½“ã¯ã‹ãªã‚Šä»¥å‰ã‹ã‚‰å˜åœ¨ã—ãŸã®ã§ã™ãŒã€é•·ã‚‰ãInternet Explorer（以é™IE）
CSS Lint
ノンデザイナーã®ãŸã‚ã®25ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„ | POSTD
CSSã§æ³¥æ²¼ã«ã¯ã¾ã‚‰ãªã„3ã¤ã®ã‚¢ãƒ—ãƒãƒ¼ãƒï½œã€Žãƒ—ãƒã¨ã—ã¦æ¥ãšã‹ã—ããªã„ 新・WEBデザインã®å¤§åŽŸå‰‡ã€ç™ºå£²è¨˜å¿µã‚¤ãƒ™ãƒ³ãƒˆ
HP作æˆã®åˆå¿ƒè€…ã§ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ã‚’よã知らãªã„人ã¸
見事ãªã‚«ãƒ©ãƒ¼ã‚¹ã‚ームを採用ã—ã¦ã„るウェブサイト12é¸
Flexboxã§æ±ºã¾ã‚Šï¼ | Webクリエイターボックス
フリーランスWebデザイナーã¨ã„ã†è·æ¥ã‚‚ç„¡ããªã‚‹4ã¤ã®ç†ç”± デザイン会社 ビートラックス: ブãƒã‚°
webデザイナーãªã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãƒ•ãƒªãƒ¼ç´ æãŒãƒ”ックアップã•ã‚ŒãŸã€Œ50 incredible freebies for web designersã€
シンプルãªHTMLã§å®Ÿè£…ã™ã‚‹ã“ã¨ã«ã“ã ã‚ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®æ±Žç”¨æ€§ã«å„ªã‚ŒãŸãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Turret
アニメーションã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å·§ãå–ã‚Šã„ã‚ŒãŸã‚¦ã‚§ãƒ–サイトã®ã¾ã¨ã‚
TECH PROjin
Webã®ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„コンãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ã•ã¾ã–ã¾ãªã‚¢ã‚¤ãƒ‡ã‚¢é›† -Responsive Patterns
Typetester Compare fonts for the screen
第5回　カラースã‚ームを決ã‚ã‚‹ãŸã‚ã«å¿…è¦ãªãƒ„ールã¨æ³¨æ„点 | gihyo.jp
WEBデザインãŒç‹¬å¦ã§èº«ã«ã¤ãï¼WEBデザイナー必見ã®ç¥žã‚µã‚¤ãƒˆ20é¸
細部ã¾ã§ã—ã£ã‹ã‚Šã“ã ã‚ã£ãŸãƒ´ã‚£ãƒ³ãƒ†ãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ã®6種類ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ
オンラインã§ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç°¡å˜ã«è¨è¨ˆã§ãã‚‹ -Plumb
2015å¹´ã“ã‚Œã‹ã‚‰ã®Web制作æ¥ç•Œã®æµã‚Œã€ä¼¸ã°ã—ã¦ãŠããŸã„スã‚ルã€Webデザインã®ãƒˆãƒ¬ãƒ³ãƒ‰ãªã©ã®ã¾ã¨ã‚
2015å¹´ã®Webサイトã®ä½œã‚Šæ–¹ at 67ws
{{#tags}}- {{label}}
{{/tags}}