サイト上ã®SVGç”»åƒã‚’ç°¡å˜ã«ä¿å˜ã§ãã‚‹Chrome拡張機能「svg-grabberã€
最近ãƒã‚´ã‚„アイコンã§ã‚ã‚Œã°ã€SVGã«ã™ã‚‹ã®ãŒä¸»æµã«ãªã£ã¦ãã¾ã—ãŸã€‚ ãŸã ã€SVGç”»åƒã¯ä»–ã®ç”»åƒã«æ¯”ã¹ã¦ç”»åƒã®ä¿å˜ãŒé¢å€’ã§ã™ã€‚ 今回ã¯ãã‚“ãªSVGç”»åƒã‚’ç°¡å˜ã«ä¿å˜ã™ã‚‹ãŸã‚ã®Chrome拡張機能「svg-grabberã€ã®ç´¹ä»‹ã§ã™ã€‚ svg-grabberã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« svg-grabberã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¯Chromeウェブストアã‹ã‚‰ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã¾ã™ã€‚
アイコンフォントã‹ã‚‰SVGã¸ï¼ã‚ˆã‚Šæ‰‹è»½ã«ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’表示ã—よã†
アイコンフォントã‹ã‚‰SVGã¸ï¼ã‚ˆã‚Šæ‰‹è»½ã«ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’表示ã—よã†ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’表示ã™ã‚‹éš›ã¨ã£ã¦ã‚‚便利ãªSVG。åå‰ã‚’èžã„ãŸã“ã¨ã®ã‚る方も多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼ŸSVG自体ã¯10年以上å‰ã‹ã‚‰å˜åœ¨ã™ã‚‹ã®ã§ã™ãŒã€HTML5ã®æ™®åŠã¨ã¨ã‚‚ã«å¤šãã®ãƒ–ラウザーã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã€ä»Šå¹´ã«å…¥ã£ã¦ã‹ã‚‰å¾ã€…ã«è¦‹ã‹ã‘る機会ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚今回ã¯ãã‚“ãªSVGã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—よã†ã¨æ€ã„ã¾ã™ã€‚ 2014 å¹´ 7 月 3 æ—¥ 追記：SVG スプライトã®æ›¸ãæ–¹ã«ã¤ã„ã¦ä¿®æ£ï¼†è¿½è¨˜ã—ã¾ã—ãŸã€‚ SVG ã£ã¦ãªã«ï¼ŸSVG（Scalable Vector Graphics）㯠Illustrator ã§ä½œæˆã—ãŸã‚ˆã†ãªãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒã‚’表示ã™ã‚‹æŠ€è¡“ã§ã™ã€‚Web 上ã§ä¸€èˆ¬çš„ã«ä½¿ã‚れる画åƒå½¢å¼ã§ã‚ã‚‹ JPEG ã‚„ PNG ãªã©ã®ãƒ“ットマップ形å¼ã¨ã¯é•ã„ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã®ç”»åƒã¯ã€æ‹¡å¤§ç¸®å°ã—ã¦ã‚‚画質ãŒåŠ£åŒ–ã—ã¾ã›ã‚“。 Apple ãŒãƒ¬ãƒ†ã‚£ãƒŠ
SVGéžå¯¾å¿œãƒ–ラウザã§ã‚‚é”法ã®ã‚ˆã†ã«SVGãŒè¡¨ç¤ºã§ãã‚‹jQueryプラグイン「SVGMagicã€:phpspot開発日誌
SVGMagic - Great jQuery SVG fallback plugin SVGéžå¯¾å¿œãƒ–ラウザã§ã‚‚é”法ã®ã‚ˆã†ã«SVGãŒè¡¨ç¤ºã§ãã‚‹jQueryプラグイン「SVGMagic〠ブラウザãŒå¯¾å¿œã—ã¦ã„ãªã‘ã‚Œã°PNGç”»åƒã«å¤‰æ›ã—ã¦å‡ºåŠ›ãŒã§ãã¾ã™ã€‚ã“ã‚Œã§ã‚る程度ã¯æ°—å…¼ããªãSVGを使ãˆã‚‹ã¨ã„ã†æ„Ÿã˜ã§ã—ょã†ã‹ã€‚ åˆæœŸåŒ–を次ã®ã‚ˆã†ã«ãŠã“ãªã£ã¦ãŠã‘ã°ã€è‡ªå‹•å¤‰æ›ã—ã¦ãã‚Œã¾ã™ã€‚ｊsファイル内ã«å®šç¾©ã—ã¡ã‚ƒã£ã¦ã‚‚ã„ã„ã®ã‹ã‚‚ 関連エントリ Snap.svgを使ã£ãŸSVGアイコンアニメーションã®ãƒ‡ãƒ¢ãŒã‚«ãƒƒã‚³ã„ㄠ色々ãªãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é«˜å“質ãªSVGアイコンãŒDLã§ãる「iconmelon〠SVG関連ã®æ“作・アニメーション処ç†ã‚’シンプルã«ã‹ã‘る「SVG.JS〠美ã—ã„SVG背景パターンギャラリー「SVG Patterns Galleryã€
今年ã“ãã¤ã„ã«SVG元年？ã¾ã é–“ã«åˆã†ï¼SVGã®å¦ç¿’ã«å½¹ç«‹ã¤ã‚µã‚¤ãƒˆç´¹ä»‹ - è´ã耳をæŒãŸãªã„(片方ã—ã‹)
先日Adobeã‹ã‚‰ã“ã®ã‚ˆã†ãªJavaScriptライブラリãŒå…¬é–‹ã•ã‚Œã¾ã—㟠Snap.svg http://plus.adobe-adc.jp/post-4817/ 以å‰ã‹ã‚‰äººæ°—ã®é«˜ã‹ã£ãŸã€IE6ã§ã‚‚SVGを表示ã§ãã‚‹JavaScriptライブラリRaphaelã®ä½œè€… Dmitry Baranovskiyæ°ã«ã‚ˆã‚‹æ–°ãŸãªãƒ©ã‚¤ãƒ–ラリã§ã€Raphaelã¨ã®é•ã„ã¯Snap.svgã§ã¯IEãªã‚‰9以上対応ã¨ãƒ¢ãƒ€ãƒ³ãƒ–ラウザを対象ã«ã—ãŸã“ã¨ã€‚ã•ã‚‰ã«è‡ªç”±åº¦ã¨è¡¨ç¾åŠ›ã®é«˜ã„ã“ã¨ãŒã§ãるよã†ã«ãªã£ã¦ã„ã‚‹ã®ãŒå¤§ããªç‰¹å¾´ã§ã™ã€‚ ã“ã†ã—ãŸJavaScriptライブラリãŒã‚ªãƒ¼ãƒ—ンソースã§ã€ãã—ã¦Adobeã‹ã‚‰å…¬é–‹ã•ã‚ŒãŸã®ã¯å¤§ããªã“ã¨ã§ã“ã‚Œã‹ã‚‰SVGã‚‚ã©ã‚“ã©ã‚“æ™®åŠã—ã¦ã„ãã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¾ã•ã«2013å¹´ã“ãã¤ã„ã«SVG元年ã¨è¨€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“*1。 ……ã¨ã¯è¨€ãˆã€ãã‚‚ãã‚‚SVGã£ã¦ãªã«ï¼Ÿã¨ã„ã†äººã‚‚ã¾ã ã¾ã å°‘ãªããª
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}