SVG ã¨èƒŒæ™¯è‰²ã‚’使ã£ã¦ã‚µã‚¤ã‚ºã‚„カラーãŒè‡ªåœ¨ãªæ±Žç”¨æ€§ã®ã‚るアイコンボタンを作るSVG ã«ã‚ˆã‚‹ã‚¢ã‚¤ã‚³ãƒ³ãƒ‡ãƒ¼ã‚¿ã¨ CSS ã«ã‚ˆã‚‹èƒŒæ™¯è‰²ã®æŒ‡å®šã‚’組ã¿åˆã‚ã›ã¦ã‚µã‚¤ã‚ºã‚„カラーを自在ã«å¤‰æ›´å¯èƒ½ãªã‚¢ã‚¤ã‚³ãƒ³ãƒœã‚¿ãƒ³ã‚’作るãŠè©±ã€‚ã‚ã‚ã›ã¦ä¸»è¦ Web サービスã®ãƒã‚´ãƒ‡ãƒ¼ã‚¿ã‚’ SVG ã§ç”¨æ„ã™ã‚‹æ–¹æ³•ã‚„注æ„点ãªã©ã‚‚。 é€éŽ GIF ã‚„ PNG ç”»åƒã«èƒŒæ™¯è‰²ã‚’組ã¿åˆã‚ã›ã‚‹ã“ã¨ã§ã‚¢ã‚¤ã‚³ãƒ³ãƒœã‚¿ãƒ³ã®ã‚«ãƒ©ãƒ¼ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä½œã‚‹ã£ã¦ã„ã†ã‚„ã‚Šæ–¹ã¯æ˜”ã‹ã‚‰ã‚ã‚Šã¾ã™ãŒã€ã“れを SVG （Scalable Vector Graphics） ã§ã‚„ã‚‹ã“ã¨ã§ã‚µã‚¤ã‚ºå¤‰æ›´ã«ã‚‚対応ã—ã‚„ã™ã„ã‚„ã¤ã‚’作るã£ã¦ã„ã†ãŠè©±ã€‚ 手法的ã«ã¯ç›®æ–°ã—ã„ã“ã¨ã¯ä½•ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€ã“ã®å‰ã“ã® Blog ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’リニューアルã—ãŸã¨ãã«è¦–覚的ã«å·¦å´ã‚µã‚¤ãƒ‰ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä¸Šéƒ¨ （スマートフォン表示ã ã¨éš ã‚Œã¦ã‚‹ã¨æ€ã„ã¾ã™ãŒï¼‰ ã«ã‚ã‚‹ 「Follow〠メニュー部分ã§ä½¿ã£ãŸã®ã§ç´¹ä»‹ã€‚ ã‚„ã£ã¦ã‚‹ã“ã¨ã¯ç°¡å˜ã§ã™ã€‚白抜ãã«ã—ãŸã„部分をãã®ã¾ã¾ç™½è‰²ã€èƒŒæ™¯ã¯é€éŽã™ã‚‹ã‚ˆ
マテリアル デザイン関連ã®å‹•ç”»ã«æ—¥æœ¬èªžå—幕ãŒä»˜ãã¾ã—ãŸ
ã€ãƒ•ã‚©ãƒ³ãƒˆã®äº›äº‹ã€‘第1回 インストールã™ã‚‹å‰ã«ç¢ºèªã—ãŸã„フリーフォントã®åŸºç¤ŽçŸ¥è˜ | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
心地よã„UIã®æ¸©åº¦ - 言葉ã¨æ°—é£ã„ã§é«˜ã‚ã‚‹UI -
SVGアイコンを実用ã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„ã€ãƒªãƒ³ã‚¯å‘¨ã‚Šã®è¨˜è¿°æ–¹æ³•
行列ã®ã§ãる英語ブãƒã‚°
2014å¹´ã§ã‚‚ã£ã¨ã‚‚効果ã®å¤§ãã‹ã£ãŸãƒ—レミアムサービス訴求施ç–ã®è©± - クックパッド開発者ブãƒã‚°
[ブãƒã‚°é‹å–¶] MAMPã§WordPressã®ãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’è¨å®šã™ã‚‹æ–¹æ³•ï¼ˆç”»åƒä»˜ã解説）｜イケãƒãƒ¤å¤§å¦ã€ãƒ–ãƒã‚°ç‰ˆã€‘![[ブãƒã‚°é‹å–¶] MAMPã§WordPressã®ãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’è¨å®šã™ã‚‹æ–¹æ³•ï¼ˆç”»åƒä»˜ã解説）｜イケãƒãƒ¤å¤§å¦ã€ãƒ–ãƒã‚°ç‰ˆã€‘](https://cdn-ak-scissors.b.st-hatena.com/image/square/2b8152554d402222b044269181a5c444749c5059/height=288;version=1;width=512/https%3A%2F%2Fwww.ikedahayato.com%2Fwp-content%2Fuploads%2Flivedoor%2F2011_2012%2F18a907eb.png)
{{#tags}}- {{label}}
{{/tags}}