ã‚¢ã‚¤ã‚³ãƒ³ç´ æダウンãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€Œicooon-mono〠| 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æãŒç„¡æ–™(フリー)ダウンãƒãƒ¼ãƒ‰ã§ãるサイト | 6000個以上ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æã‚’ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるサイト ICOOON MONO
WHAT'S ICOOON MONO 商用利用å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ç´ æをフリー(ç„¡æ–™)ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ç´ æé…布サイトã§ã™ã€‚ WEBデザインやDTPã®ã»ã‹ã€ãƒ“ジãƒã‚¹ã‚·ãƒ¼ãƒ³ã§æ´»ç”¨ã§ãã‚‹ã‚¢ã‚¤ã‚³ãƒ³ç´ æをストックã—ã¦ã„ã¾ã™ã€‚ TopeconHeroesãŒä½œæˆã—ãŸã“ã®ã‚µã‚¤ãƒˆã«æŽ²è¼‰ã—ã¦ã„ã‚‹ç´ æã¯ã€ã©ãªãŸã§ã‚‚使用æ¡ä»¶ã«é•åã—ãªã„é™ã‚Šã‚¯ãƒ¬ã‚¸ãƒƒãƒˆè¡¨è¨˜ã‚„許å¯ãªã—ã§ã€ 自由ã«ã”利用ã„ãŸã ã‘ã¾ã™ã€‚
リンクもã¾ã‚‹ã”ã¨ã‚ャプãƒãƒ£ã—ã¦SVGã§å‡ºåŠ›ã™ã‚‹Chromeスクリーンショット拡張をã¤ãã‚Šã¾ã—㟠- #daiizメモ
閲覧ã—ã¦ã„るウェブサイトã®é¸æŠžã•ã‚ŒãŸç¯„囲ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’æ’®ã£ã¦SVGå½¢å¼ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹Chrome拡張機能をã¤ãã‚Šã¾ã—ãŸï¼ŽSVGã§å‡ºåŠ›ã—ã¦ã„ã‚‹ãŸã‚，普通ã®PNGã‚„JPGã¨æ¯”ã¹ã‚‹ã¨ï¼Œä»¥ä¸‹ã®ã‚ˆã†ãªå°‘ã—ã ã‘高度ãªã“ã¨ãŒã§ãã¾ã™ï¼Ž スクリーンショットを撮ã£ãŸãƒšãƒ¼ã‚¸ã®URLã‚’<svg>ã®data属性ã¨ã—ã¦ä¿æŒã§ãã‚‹ スクリーンショットã®ç¯„囲内ã®ãƒªãƒ³ã‚¯ã‚’ãã®ã¾ã¾æ®‹ã™ã“ã¨ãŒã§ãる． ページä¸ã®<a>ã®ä½ç½®ã«ï¼Œå¤–部ページヘã®ãƒªãƒ³ã‚¯ã‚’æŒã¤<rect>を挿入ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒªãƒ³ã‚¯å…ˆã®ãƒšãƒ¼ã‚¸ãŒé–‹ãã¾ã™ï¼Ž ブラウザã§é€šå¸¸ãƒªãƒ³ã‚¯ã¨åŒã˜ã‚ˆã†ã«æ‰±ã‚れるãŸã‚，rectをホãƒãƒ¼ã™ã‚‹ã¨Chromeã®å·¦ä¸‹ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—よã†ã¨ã—ã¦ã„ã‚‹URLãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ï¼Œç§»å‹•å…ˆã‚‚ã—ã£ã‹ã‚Šç¢ºèªã§ãã¾ã™ï¼Ž ã¾ã ã‹ãªã‚Šè’ã„ベータ版ã§ã™ãŒï¼ŒGitHubã§å…¬é–‹ã—ã¦ã„ã¾ã™ï¼Žã‚¯ãƒãƒ¼ãƒ³ã—ã¦ï¼Œãã®ã¾ã¾Chromeã®æ‹¡å¼µæ©Ÿèƒ½ç®¡ç†ãƒšãƒ¼ã‚¸ã‹ã‚‰èªã¿
Advent Calendar 3日目:SVGç”»åƒã‚’1ã‚ãƒãƒã‚¤ãƒˆã§ã‚‚å‰Šã‚‹ãƒ€ã‚¤ã‚¨ãƒƒãƒˆè¡“ï¼ - è´ã耳をæŒãŸãªã„(片方ã—ã‹)
ã“れ㯠GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar ã¸ã®å‚åŠ ã®è¨˜äº‹ã§ã™ã€‚ 3日目ã®ä»Šæ—¥ã¯ç§ id:rikuo ãŒSVGç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®è»½é‡åŒ–テクニックをå–り上ã’ã¦ã¿ã¾ã™ã€‚ ã¡ã‚‡ã£ã¨é•·ããªã£ã¦ã—ã¾ã£ãŸã®ã§ã€ã”注æ„ãã ã•ã„。 ã¯ã˜ã‚ã«ã€SVGã¨ã¯ï¼Ÿ ã¾ãšå§‹ã‚ã«ã€SVGã¨ã¯ä½•ã‹ï¼Ÿã®ç°¡å˜ãªèª¬æ˜Žã§ã™ã€‚ SVGã¨ã¯Scalable Vector Graphics（スケーラブルベクターグラフィックス）ã®ç•¥ã§ã€XMLを基盤ã«æ›¸ã‹ã‚ŒãŸç”»åƒè¨˜è¿°è¨€èªžã€ã¾ãŸã¯ãƒ™ã‚¯ã‚¿ãƒ¼ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã§ã™ã€‚ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã¨ã„ã†ã¨ã€JPEGã€GIFã€PNGã¾ãŸBMPãªã©ã¯ã‚ˆã知られã¦ã„ã¾ã™ã。ãれらã®ç”»åƒã¯ãƒ”クセル（ドット）ã”ã¨ã«è‰²ã‚’表ç¾ã—ãŸã‚‚ã®ã§ã€ç·ã˜ã¦ãƒ©ã‚¹ã‚¿ãƒ¼ï¼ˆãƒ“ットマップ）画åƒã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚ 対ã—ã¦SVGã¯åº§æ¨™ã‚„図形ã§æ‰±ã†ãŸã‚ã€æ‹¡å¤§ãƒ»ç¸®
Retina対応ã«SVGã¯æœ¬å½“ã«ä½¿ãˆã‚‹ã®ã‹ï¼Ÿ
高解åƒåº¦ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«å¯¾å¿œã§ãã‚‹ã®ã¯å¬‰ã—ã„ã§ã™ãŒã€æ™®é€šã®è§£åƒåº¦ã—ã‹æŒãŸãªã„端末ã«ã‚‚大ããªãƒ•ã‚¡ã‚¤ãƒ«ã‚’ダウンãƒãƒ¼ãƒ‰ã•ã›ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã¯ã€3G回線ãªã©ã®é…ã„回線ã§ã®è¡¨ç¤ºãƒ‘フォーマンスを考慮ã™ã‚‹ã¨ã€SVGãŒé©ã—ã¦ã„ãªã„ケースもã‚ã‚Šãã†ã§ã™ã€‚ãŸã ã€ã‚µãƒ¼ãƒä¸Šã§GZIP圧縮ã—ãŸå ´åˆã€å¹³å‡30%ã»ã©ã‚µã‚¤ã‚ºã‚’削減ã§ãã‚‹ã“ã¨ã‚’考慮ã™ã‚‹ã¨ã€æ•°åKBã®å·®ãŒã‚ã‚‹å ´åˆã‚’除ã„ã¦ã€è¡¨ç¤ºãƒ‘フォーマンスã¨è¡¨ç¤ºã‚¯ã‚ªãƒªãƒ†ã‚£ã®ãƒãƒ©ãƒ³ã‚¹ã‚‚ã¨ã‚Œã¦ãã‚‹æ°—ãŒã—ã¦ã„ã¾ã™ã€‚ ã¡ãªã¿ã«ã€Illustratorã§ã€Œåœ§ç¸®ã€ã‚’é¸æŠžã—ã¦svgzã¨ã—ã¦ä¿å˜ã™ã‚‹ã¨2,395Bã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œãªã‚‰PNG8ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã«ã ã„ã¶è¿‘ãã¦è‰¯ã„æ„Ÿã˜ã§ã™ã。Apacheã®è¨å®šã«SVGZãŒè¨˜è¿°ã•ã‚Œã¦ã„ã‚Œã°åœ§ç¸®ç‰ˆã‚’使ãˆã‚‹ã®ã§ã€ã“ã®ã‚µã‚¤ã‚ºã ã£ãŸã‚‰ç¾å®Ÿçš„ãªæ°—ãŒã—ã¦ãã¾ã—ãŸã€‚ãŸã ã€ã‚µãƒ¼ãƒã®è¨å®šãŒã†ã¾ãã„ã‹ãªã„ã®ã‹ã€Illustratorã§ã®æ›¸ã出ã—ãŒæ‚ªã„ã®ã‹ã€SVGZを表
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}