スマフォå‘ã‘サイト構築ç‰ã«ä¾¿åˆ©ãã†ãªã€æŒ‡å®šã‚µã‚¤ã‚ºã«å¿œã˜ã¦classåã‚’åŠ ãˆã¦ãれる軽é‡jsライブラリ・Selector Queries - ã‹ã¡ã³ã¨.netã“ã‚Œã¯ã‹ãªã‚Šä¾¿åˆ©ãã†ã ã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ ディスプレイサイズã«å¿œã˜ã¦æŒ‡å®šã—ãŸè¦ç´ ã«classåã‚’åŠ ãˆã€ãã®classを使ã£ã¦ãƒ‡ã‚¶ インã™ã‚‹äº‹ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebデザイン ã‚’è¨è¨ˆå‡ºæ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ç‚ºã®ãƒ©ã‚¤ãƒ–ラリ。 ã‹ãªã‚Šä¾¿åˆ©ãã†ã§ã™ã€‚ ã“ã®ç™ºæƒ³ã¯ã¡ã‚‡ã£ã¨ç´ 敵ã§ã—ãŸã€‚指定ã—ãŸã‚µã‚¤ã‚ºã«å¿œã˜ã¦è¦ç´ ã«classを与ãˆã‚‹ã®ã§ã€Media Queryを使用ã—ãŸPCã¨ã‚¹ãƒžãƒ•ã‚©å‘ã‘サイトã§è¦‹ãŸç›®ã‚’ã¾ã£ãŸã別ã®ã‚‚ã®ã«ã™ã‚‹ã“ã¨ã‚‚出æ¥ãã†ã€‚ 特ã«jQueryã‚„mootoolsã¨ã„ã£ãŸã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã—ã¦ãªã„ã®ã‚‚ã„ã„ã§ã™ã。イメージ的ã«ã¯éƒ¨åˆ†çš„ã«Media Queryを手軽ã«ä½¿ãˆã‚‹ã€ã¨ã„ã†æ„Ÿã˜ã§ã—ãŸã€‚ ã‚ãšã‹5KBã»ã©ã®éžä¾å˜åž‹è»½é‡ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ディスプレイサイズç‰ã§è¦ç´ ãŒæŒ‡å®šã—ãŸæ•°å€¤ã«ãªã‚‹ã¨ã€classåを与ãˆã¦ãれるã®ã§ã€ç’°å¢ƒã«ã‚ˆã£ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç°¡å˜ã«å¤‰æ›´ã§ãるよã†ã«ãªã‚Šã¾ã™ã€‚ 上記ã¯Media Query T
{{#tags}}- {{label}}
{{/tags}}