Webページã®CSSプãƒãƒ‘ティ・値をワンクリックã§è¡¨ç¤ºã—ã¦ãれるブックマークレット「XRAYã€ãŒç¥žä¾¿åˆ©ï¼ï¼ï¼ã“ã‚“ãªä¾¿åˆ©ãªã‚“ã‚ã£ãŸã‚“… Webページ制作ã§ã‚ˆã利用ã•ã‚Œã‚‹ã®ãŒã€ŒFirebugã€ãªã©ã®ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーツールã§ã™ãŒã€ã‚‚ã£ã¨è¶…絶簡å˜ã«CSSプãƒãƒ‘ティを確èªã§ãるブックマークレットãŒã‚ã‚Šã¾ã—ãŸã€‚ã£ã¦ã„ã†ã‹ãã®å˜åœ¨ã‚’知りã¾ã—ãŸã€‚ ãã‚“ãªã‚ã‘ã§XRAYã¨è¨€ã†ãƒ–ックマークレットã®ã”紹介。 使ã„æ–¹ã¯ç°¡å˜ã€ã‚µã‚¤ãƒˆã«è¨ªã‚ŒãŸã‚‰ä¸å¤®éƒ¨åˆ†ã«ã‚るボタン状ã®ãƒ–ックマークレットをブックマークãƒãƒ¼ã¸D&Dã—ã¾ã™ã€‚ ã“ã‚Œã«ã¦æº–å‚™ã¯å®Œäº†ã€‚ CSSを覗ããŸã„サイトを訪れãŸã‚‰å…ˆã»ã©ç™»éŒ²ã—ãŸãƒ–ックマークレットを起動。 XRAYãŒç«‹ã¡ä¸ŠãŒã‚Šã¾ã™ã€‚ã‚ã¨ã¯ãƒšãƒ¼ã‚¸ä¸Šã®è¦ç´ ã‚’ã‚¯ãƒªãƒƒã‚¯ï¼ ã™ã‚‹ã¨ã€ãã®è¦ç´ ã®ãƒ—ãƒãƒ‘ティ・値ãŒã”覧ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ã™ï¼ãªã«ã“ã‚ŒãŠæ‰‹è»½ï¼ä¾¿åˆ©ï¼ è¦ç´ ã®width・heightも確èªã§ãã¾ã™ã€‚ ãã‚“ãªã‚ã‘ã§ç°¡å˜ã§ã¯ã”ã–ã„ã¾ã™ãŒã€CSSを表示ã—ã¦ãれるブックマークレット「XRAYã€ã®ã”紹介ã§ã—ãŸã€‚ã¡ã‚‡ã£ã¨ã—ãŸCSSデ
Web制作ã™ã‚‹ã¨ãã«æŽ¢ã™ç´ æサイト＆å‚考ã«ã™ã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚ | ナナメウエBlog
IDEA * IDEA
{{#tags}}- {{label}}
{{/tags}}