[B! webdesign] bbbroccoliã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bbbroccoli id:bbbroccoli

webdesignã«é–¢ã™ã‚‹bbbroccoliã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

${{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}}

UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®é‡è¦æ€§ï½œGoodpatch Blog ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒãƒ–ãƒã‚°
UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ã€Œã‚¢ã‚¤ã‚³ãƒ³ã€ã¯ã€ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç›´æ„Ÿçš„ã‹ã¤ç´ æ—©ããƒ¦ãƒ¼ã‚¶ãƒ¼ã«ä¼ãˆã‚‹ãŸã‚ã®è¨˜å·ã‚„çµµæŸ„ã§ã‚ã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦å¤§åˆ‡ãªè¦ç´ ã®ä¸€ã¤ã§ã™ã€‚ã¾ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ„å‘³ã‚’æ£ç¢ºã«ä¼ãˆã‚‹å¿…è¦ãŒã‚ã‚‹ã‹ã‚‰ã“ãã€æ©Ÿèƒ½ã‚„ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã©ã®ã‚ˆã†ã«ã‚¢ã‚¤ã‚³ãƒ³ã§è¡¨ç¾ã™ã‚Œã°ã„ã„ã‹ã€ã‚µãƒ¼ãƒ“ã‚¹ã®ä¸–ç•Œè¦³ã«åˆã£ã¦ã„ã‚‹ã‹ã€ãªã©ã¨æ‚©ã‚€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®UXã‚’é«˜ã‚ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€å°‘ã—æŽ˜ã‚Šä¸‹ã’ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã€é–¢é€£è¨˜äº‹ã€‘çŸ¥è˜ã‚¼ãƒã§ã‚‚ã‚ã‹ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³-åŸºç¤ŽçŸ¥è˜ã‚’ãƒ—ãƒãŒå¾¹åº•è§£èª¬- 1. ãƒ”ã‚¯ãƒˆã‚°ãƒ©ãƒ ã¨ã®é•ã„ ã¾ãšã¯ã˜ã‚ã«ã€ã‚¢ã‚¤ã‚³ãƒ³ã¨ã‚ˆãä¼¼ãŸã‚‚ã®ã¨ã—ã¦ã€Œãƒ”ã‚¯ãƒˆã‚°ãƒ©ãƒ ã€ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ãƒ”ã‚¯ãƒˆã‚°ãƒ©ãƒ ã¯ã€è¨€è‘‰ã§èª¬æ˜Žã‚’ã—ãªãã¦ã‚‚æƒ…å ±ãŒä¼ã‚ã‚‹ã‚ˆã†çµµã§è¡¨ç¾ã—ãŸã‚‚ã®ã§ã™ã€‚å¹´é½¢ã€éšœå®³ã€äººç¨®ã€å®—æ•™ã€ç’°å¢ƒãªã©ã«å·¦å³ã•ã‚Œãšä¸‡äººãŒå…±é€šã§ç†è§£ã§ãã‚‹æƒ…å ±æä¾›æ‰‹æ³•ã¨ã—ã¦ã€æ—¥æœ¬ã‚’å«ã‚ä¸–ç•Œä¸ã®å…¬å…±äº¤é€šæ©Ÿé–¢ã€
bbbroccoli 2019/05/20
ãƒ‡ã‚¶ã‚¤ãƒ³

ui

ã‚¢ã‚¤ã‚³ãƒ³

ã‚µãƒ¼ãƒ“ã‚¹

webdesign
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…ˆé ã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æˆ»ã‚‹ãƒœã‚¿ãƒ³ãŒç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -scrollUp
HTMLã¯ä¸€åˆ‡å¤‰æ›´ã›ãšã«ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…ˆé ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ãŒç°¡å˜ã«è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šã‚¿ãƒ– scrollUpã®ä½¿ã„æ–¹ å®Ÿè£…ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="js/jquery.scrollUp.js"></script> ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãã®ã¾ã¾ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ãƒ†ãƒ¼ãƒžã”ã¨ã«ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ <link id="scrollUpTheme" rel="stylesheet" href="css/themes/link.css"> <li
bbbroccoli 2013/02/04
jquery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

webdesign
ãƒªãƒ³ã‚¯
Mockingbird has Shut Down
Mockingbird is no longer in operation. Weâ€™re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
bbbroccoli 2009/11/09
webã‚µãƒ¼ãƒ“ã‚¹

ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—

tool

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

webåˆ¶ä½œ

webdesign
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

webdesignã«é–¢ã™ã‚‹bbbroccoliã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

webdesignã«é–¢ã™ã‚‹bbbroccoliã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®é‡è¦æ€§ï½œGoodpatch Blog ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒãƒ–ãƒ­ã‚°

[JS]ã‚¹ã‚¯ãƒ­ãƒ¼ãƒ«ã«è¿½å¾“ã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…ˆé ­ã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æˆ»ã‚‹ãƒœã‚¿ãƒ³ãŒç°¡å˜ã«è¨­ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -scrollUp

Mockingbird has Shut Down

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

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

webdesignã«é–¢ã™ã‚‹bbbroccoliã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ã‚¢ã‚¤ã‚³ãƒ³ã®é‡è¦æ€§ï½œGoodpatch Blog ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒãƒ–ãƒã‚°

[JS]ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«è¿½å¾“ã™ã‚‹ãƒšãƒ¼ã‚¸ã®å…ˆé ã¸ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æˆ»ã‚‹ãƒœã‚¿ãƒ³ãŒç°¡å˜ã«è¨ç½®ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -scrollUp

ãŠçŸ¥ã‚‰ã›

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

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

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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