ã€jQuery】CSSã®æ“¬ä¼¼è¦ç´ ::beforeã‚„::afterã®contentプãƒãƒ‘ティを動的ã«å¤‰æ›´ã™ã‚‹æ–¹æ³• ｜ Tips Note by TAM2016.05.30 ã€jQuery】CSSã®æ“¬ä¼¼è¦ç´ ::beforeã‚„::afterã®contentプãƒãƒ‘ティを動的ã«å¤‰æ›´ã™ã‚‹æ–¹æ³• CSSã®æ“¬ä¼¼è¦ç´ ::beforeã‚„::afterを使ã£ã¦ã€æ–‡å—列や画åƒç‰ã‚’挿入ã™ã‚‹ã“ã¨ã‚ã‚Šã¾ã™ã‚ˆã。挿入ã—ãŸã„内容ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ã€contentプãƒãƒ‘ティã®å€¤ã«æŒ‡å®šã—ã¦ãŠã‘ã°ã€è¦ç´ ã®ç›´å‰ã‹ç›´å¾Œã«CSSã ã‘ã§æ“¬ä¼¼çš„ã«æŒ¿å…¥ã§ãã¾ã™ã€‚ è¦ç´ å::before{ content: 値; } è¦ç´ å::after{ content: 値; } ã“ã®contentプãƒãƒ‘ティã®å€¤ã‚’å‹•çš„ã«å¤‰æ›´ã—ãŸã„時ã€jQueryを使用ã™ã‚‹ã®ã§ã‚ã‚Œã°ã€ã‚»ãƒ¬ã‚¯ã‚¿ã§ã€ç–‘ä¼¼è¦ç´ ::beforeã¾ãŸã¯::afterを指定ã—ã¦ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚Œã°ã„ã„ã®ã§ã¯â€¦ï¼Ÿã¨æ€ã£ã¦ã—ã¾ã„ã¾ã™ãŒã€ç–‘ä¼¼è¦ç´ ã¯ã‚»ãƒ¬ã‚¯ã‚¿ã§ç›´æŽ¥æŒ‡å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“。ãã‚‚ãも擬似è¦ç´ ã¯éžDOMã§ã‚ã‚‹ãŸã‚ã€JavaScriptã‹ã‚‰æ“作ã™ã‚‹ã“ã¨
http://techcrunch.com/2016/05/28/what-ux-designers-can-learn-from-1990s-japanese-video-games/
{{#tags}}- {{label}}
{{/tags}}