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）
ç”»åƒãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ä¸è¦ãªãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’一発ã§å‰Šé™¤ã§ãる「JPEG＆PNG Stripperã€
ã‹ã¤ã¦ã¯JavaScriptを利用ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯CSSã®ã¿ã§å®Ÿè£…ã§ãã‚‹10ã®å°æŠ€
ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚】綺麗ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ç®¡ç†ç”»é¢ã€€30é¸
第3回　トップページを彩るスライドショーã®ãƒã‚¤ãƒ³ãƒˆ | gihyo.jp
WordPress ã§æ–°ã‚µã‚¤ãƒˆã‚’é–‹è¨ã™ã‚‹æ™‚ã«å¿…ãšå…¥ã‚Œã‚‹ãƒ—ラグイン14é¸ | ã‚ャリコ
プレス発表　「安全ãªã‚¦ã‚§ãƒ–サイトã®ä½œã‚Šæ–¹ 改訂第7版ã€ã‚’公開：IPA 独立行政法人 æƒ…å ±å‡¦ç†æŽ¨é€²æ©Ÿæ§‹
http://plus.appgiga.jp/masatolan/2015/03/09/55531/
webmobileï½œæ ¼å®‰SIM・SIMフリースマホ・SNSã®ä½¿ã„æ–¹
scrmble.jp
HP作æˆã®åˆå¿ƒè€…ã§ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã®ä½œã‚Šæ–¹ã‚’よã知らãªã„人ã¸
第2回　アクションを起ã“ã—ã¦ã‚‚らãˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒã‚¤ãƒ³ãƒˆã¯ï¼Ÿ | gihyo.jp
Google ãŒè¨€ã† 「モãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã€ ã¨ã¯ï¼Ÿ モãƒã‚¤ãƒ«ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ãƒ†ã‚¹ãƒˆãƒ„ールã§è‰²ã€…試ã—ã¦ã¿ãŸ
Twitterã€WordPress用公å¼ãƒ—ラグインをリリース
タグ挿入型HTML/CSSエディタ StyleNote
PCサイトã®UIデザインã«ãŠã‘ã‚‹12ã®ãƒˆãƒ¬ãƒ³ãƒ‰ | ベイジã®ç¤¾é•·ãƒ–ãƒã‚°
é‡è¦ãªæƒ…å ±ã¯å·¦ä¸Šã«â€•â€•åŠ¹æžœçš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¿…è¦ãª4ã¤ã®åŽŸå‰‡
ç„¡æ–™ã§åˆ©ç”¨ã§ãる高å“質Bootstrapテーマコレクション「Bootstrap Zero〠| ソフトアンテナ
webデザイナーãªã‚‰ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„ãƒ•ãƒªãƒ¼ç´ æãŒãƒ”ックアップã•ã‚ŒãŸã€Œ50 incredible freebies for web designersã€
フルスクリーンã§ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã®æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹
{{#tags}}- {{label}}
{{/tags}}