[B! WEBãƒ‡ã‚¶ã‚¤ãƒ³][jQuery] kagiyaã®ãƒ

kagiya id:kagiya

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨jQueryã«é–¢ã™ã‚‹kagiyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Facebookã¿ãŸã„ã«textareaã®ä¸€éƒ¨ã‚’å¼·èª¿ã™ã‚‹ - Qiita
Facebookã§äººç‰©ã‚’è£œå®Œã™ã‚‹ã¨ã€ãã®äººç‰©åã®å‘¨ã‚Šã«æž ãŒè¡¨ç¤ºã•ã‚Œã¦å¼·èª¿ã•ã‚Œã¾ã™ã‚ˆãï¼ˆgifç”»åƒå‚ç…§ï¼‰ã€‚ ã“ã‚Œã®ã‚„ã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ TL;DR textareaã®å¼·èª¿è¡¨ç¤ºã¯ã€textareaã‚’é€æ˜Žã«ã—ã¦å¾Œã‚ã«ã„ã„æ„Ÿã˜ã®èƒŒæ™¯ã‚’è¨ç½®ã—ã¦ã‚‹ã ã‘ textareaã®ä¸ã«DOMã‚’å…¥ã‚Œã¦ã‚‚è¡¨ç¤ºã•ã‚Œãªã„ ãƒ‘ãƒƒã¨è€ƒãˆã‚‹ã¨textareaã®ä¸ã«DOMãƒ„ãƒªãƒ¼ã‚’å…¥ã‚Œã‚‹ã¨ãã‚ŒãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã€ã¨æ€ã†ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ ãŒã€ãœã‚“ãœã‚“ãã‚“ãªã“ã¨ã¯ç„¡ãã¦ã€ãã®ã¾ã¾æ–‡å—åˆ—ãŒè¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ã”å˜çŸ¥ã®ã‚ˆã†ã«textareaã‚„inputã¯ã€ä»–ã®è¦ç´ ã®ã‚ˆã†ã«åè¦ç´ ã‚’è¡¨ç¤ºã™ã‚‹ã®ã§ã¯ãªãã€è‡ªèº«ã®valueå±žæ€§ã®å€¤ã‚’ç”»é¢ã«è¡¨ç¤ºã™ã‚‹åƒãã‚’ã—ã¾ã™ã€‚valueå±žæ€§ã¯æ–‡å—åˆ—ã‚’æ ¼ç´ã™ã‚‹ãŸã‚ã®ã‚‚ã®ãªã®ã§DOMã‚’å…¥ã‚Œã‚‰ã‚Œãªã„ã‚ã‘ã§ã™ãã€‚ å¼·èª¿ç”¨ã®DOMã‚’é‡ãã‚ã‚ã›ã‚‹ textareaã«ã¯DOMã‚’ãã®ã¾ã¾å…¥ã‚Œã‚‰ã‚Œãªã„ã®ã§ã€ä»•æ–¹ãŒãªãå‘¨ã‚Š
kagiya 2013/10/10
textarea

webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

é–‹ç™º

UI

jQuery

Facebook
ãƒªãƒ³ã‚¯
æ‰‹è»½ã«Webã‚’å½©ã‚‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯50 - æµ·å¤–ãƒ‡ã‚¶ã‚¤ãƒ³äº‹æƒ…ç¬¬7å›ž - MdN Design Interactive
ç¬¬7å›žã€Œæ‰‹è»½ã«Webã‚’å½©ã‚‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯50ã€ 2010å¹´03æœˆ15æ—¥ åŸºæœ¬çš„ãªCSSã‚’ä½¿ã£ãŸWebåˆ¶ä½œã¯ãã‚Œã»ã©é›£ã—ããªã„ãŒã€ã‚ˆã‚Šé«˜ã„ãƒ¬ãƒ™ãƒ«ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿç¾ã—ã‚ˆã†ã¨ã™ã‚‹ã¨ã€é›£æ˜“åº¦ã¯ã‚°ãƒƒã¨ä¸Šæ˜‡ã™ã‚‹ã€‚ãã‚“ãªã¨ãã¯ã€ä¸–ç•Œä¸ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒæä¾›ã—ã¦ã„ã‚‹CSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä½¿ã£ã¦ã¿ã‚‹ã¨ã‚ˆã„ã ã‚ã†ã€‚ã“ã“ã§ã¯ã€ä¸–ç•Œå„å›½ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ãŒç´¹ä»‹ã—ã¦ã„ã‚‹ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«è¡¨ç¾ã‚„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã‚’ä¸å¿ƒã¨ã—ãŸCSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¦ã„ã“ã†ã€‚ ç¿»è¨³å…ƒã‚µã‚¤ãƒˆï¼šSmashing Magazine http://www.smashingmagazine.com/ åŽŸæ–‡ï¼š50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) http://www.smashingmagazine.com/2010/0
kagiya 2011/11/29
jquery

css

webåˆ¶ä½œ

design

ã¾ã¨ã‚

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

tips

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (14)

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨jQueryã«é–¢ã™ã‚‹kagiyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (14)

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨jQueryã«é–¢ã™ã‚‹kagiyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

Facebookã¿ãŸã„ã«textareaã®ä¸€éƒ¨ã‚’å¼·èª¿ã™ã‚‹ - Qiita

æ‰‹è»½ã«Webã‚’å½©ã‚‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯50 - æµ·å¤–ãƒ‡ã‚¶ã‚¤ãƒ³äº‹æƒ…ç¬¬7å›ž - MdN Design Interactive

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èª­ã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èª­ã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (14)

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨jQueryã«é–¢ã™ã‚‹kagiyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

Facebookã¿ãŸã„ã«textareaã®ä¸€éƒ¨ã‚’å¼·èª¿ã™ã‚‹ - Qiita

æ‰‹è»½ã«Webã‚’å½©ã‚‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯50 - æµ·å¤–ãƒ‡ã‚¶ã‚¤ãƒ³äº‹æƒ…ç¬¬7å›ž - MdN Design Interactive

ãŠçŸ¥ã‚‰ã›

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬3é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹