[B! jQuery] tomono-blogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tomono-blog id:tomono-blog

jQueryã«é–¢ã™ã‚‹tomono-blogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (48)

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

jQueryã‚’å’æ¥ã—ãŸã‹ã£ãŸåƒ•ãŒReact Staticã§Reactã‚’ã‚¤ãƒã‹ã‚‰å¦ã‚“ã§Webã‚µã‚¤ãƒˆã‚’ä½œã£ãŸè©± | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
TypetalkÂ ãƒãƒ¼ãƒ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å²¡è—¤ï¼ˆ@johnykeiï¼‰ã§ã™ã€‚å…ˆæ—¥ Typetalk Webã‚µã‚¤ãƒˆãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã«ä¼´ã„ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æŠ€è¡“ã‚’ jQuery ã‹ã‚‰Â React + styled-componentsÂ ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚æœ¬è¨˜äº‹ã§ã¯ã€React ã‚’ç”¨ã„ãŸ Web ã‚µã‚¤ãƒˆåˆ¶ä½œã«ã¤ã„ã¦ãŠä¼ãˆã—ã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚¿ã‚¤ãƒˆãƒ«ã«ã‚‚ã‚ã‚‹ã‚ˆã†ã«ã€åƒ•ã¯ä»Šã¾ã§ JavaScript ã‚’æ›¸ãå¿…è¦ãŒã‚ã‚‹æ™‚ã¯ä½¿ã„æ…£ã‚ŒãŸÂ jQueryÂ ã‚’ä½¿ã£ã¦ã„ã¾ã—ãŸã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã„ã†è‚©æ›¸ãã§ã¯ã‚ã‚Šã¾ã™ãŒã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã„ã†è·ç¨®ã¯å¹…åºƒãã€åƒ•ã¯ã©ã¡ã‚‰ã‹ã¨ã„ã†ã¨ãƒšãƒ¼ã‚¸ã‚„UIã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãŒä¸»ãªæ¥å‹™ã§ã€æ™®æ®µ JavaScript ã‚’æ›¸ãé »åº¦ã‚‚ãã‚“ãªã«é«˜ãã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ æœ€è¿‘æµ·å¤–ã§ã¯ãã®ã‚ˆã†ãªæ¥ç¨®ã®äººã‚’ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨å‘¼ã¶å‹•ãã‚‚å‡ºã¦ãã¦ã„ã¾ã™ãŒã€jQuery ã—ã‹ä½¿ã£ã¦ã„
tomono-blog 2018/03/26
React

javascript

jQuery

vue
ãƒªãƒ³ã‚¯
Handlebars.jsã‚’æ‰‹è»½ã«ä½¿ãˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³æ›¸ã„ãŸ
tomono-blog 2017/09/08
jQuery

javascript

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸›à¹„à¸”à¹‰à¹€à¸¥à¸¢
à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¹€à¸›à¹‡à¸™à¸—à¸²à¸‡à¹€à¸¥à¸·à¸à¸à¸—à¸µà¹ˆà¸™à¹ˆà¸²à¹€à¸Šà¸·à¹ˆà¸à¸–à¸·à¸à¸ªà¸³à¸«à¸£à¸±à¸šà¸œà¸¹à¹‰à¹€à¸¥à¹ˆà¸™à¸—à¸µà¹ˆà¸•à¹‰à¸à¸‡à¸à¸²à¸£à¸„à¸§à¸²à¸¡à¸¡à¸±à¹ˆà¸™à¹ƒà¸ˆà¹ƒà¸™à¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸”à¹‰à¸§à¸¢à¸£à¸°à¸šà¸šà¸„à¸§à¸²à¸¡à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¸£à¸°à¸”à¸±à¸šà¸ªà¸¹à¸‡à¹à¸¥à¸°à¸à¸²à¸£à¸•à¸£à¸§à¸ˆà¸ªà¸à¸šà¸à¸¢à¹ˆà¸²à¸‡à¹€à¸‚à¹‰à¸¡à¸‡à¸§à¸” à¸„à¸¸à¸“à¸ªà¸²à¸¡à¸²à¸£à¸–à¸§à¸²à¸‡à¹ƒà¸ˆà¹„à¸”à¹‰à¸§à¹ˆà¸²à¸—à¸¸à¸à¸à¸²à¸£à¹€à¸¥à¹ˆà¸™à¸‚à¸à¸‡à¸„à¸¸à¸“à¸ˆà¸°à¹€à¸›à¹‡à¸™à¹„à¸›à¸à¸¢à¹ˆà¸²à¸‡à¸¢à¸¸à¸•à¸´à¸˜à¸£à¸£à¸¡à¹à¸¥à¸°à¹‚à¸›à¸£à¹ˆà¸‡à¹ƒà¸ª à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸™à¸µà¹‰à¹„à¸”à¹‰à¸£à¸±à¸šà¸à¸²à¸£à¸£à¸±à¸šà¸£à¸à¸‡à¸ˆà¸²à¸à¸«à¸™à¹ˆà¸§à¸¢à¸‡à¸²à¸™à¸—à¸µà¹ˆà¹€à¸à¸µà¹ˆà¸¢à¸§à¸‚à¹‰à¸à¸‡ à¸—à¸³à¹ƒà¸«à¹‰à¸„à¸¸à¸“à¸«à¸¡à¸”à¸à¸±à¸‡à¸§à¸¥à¹€à¸£à¸·à¹ˆà¸à¸‡à¸à¸²à¸£à¹‚à¸à¸‡à¹„à¸”à¹‰à¸à¸¢à¹ˆà¸²à¸‡à¸ªà¸´à¹‰à¸™à¹€à¸Šà¸´à¸‡ à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² joker123 à¸ªà¸¥à¹‡à¸à¸•à¹‚à¸£à¸¡à¹ˆà¸² à¸™à¸à¸à¸ˆà¸²à¸à¸™à¸µà¹‰ à¸—à¸µà¸¡à¸‡à¸²à¸™à¸¡à¸·à¸à¸à¸²à¸Šà¸µà¸žà¸žà¸£à¹‰à¸à¸¡à¹ƒà¸«à¹‰à¸šà¸£à¸´à¸à¸²à¸£à¸•à¸¥à¸à¸” 24
tomono-blog 2017/09/08
jQuery

webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
jQueryï¼šè¦ç´ ã®è¿½åŠ ãƒ»è¤‡è£½ãƒ»ç½®æ›ãƒ»å‰Šé™¤ã¨ã„ã£ãŸDOMæ“ä½œã«é–¢ã™ã‚‹å‚™å¿˜éŒ² - NxWorld
jQueryã§è¦ç´ ã®è¿½åŠ ãƒ»å‰Šé™¤ã¨ã„ã£ãŸDOMæ“ä½œã«é–¢ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã®å‹•ãã‚’ã•ã£ã¨ç¢ºèªã§ãã‚‹ä¸€è¦§ãŒã»ã—ãã¦ä½œã£ãŸã®ã§ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ è¿½åŠ .prepend() ãƒžãƒƒãƒã—ãŸè¦ç´ å†…ã®å…ˆé ã«æŒ‡å®šã—ãŸè¦ç´ ã‚’è¿½åŠ ã—ã¾ã™ã€‚ ä¸‹è¨˜ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ã‚ˆã†ã«ã€ŒBlockã®ä¸ã«Xã‚’è¿½åŠ ã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã«ãªã‚Šã€.prepend()ã¯è¦ç´ ã‚’ãƒžãƒƒãƒã—ãŸè¦ç´ å†…ã®å…ˆé ã«è¿½åŠ ã™ã‚‹ã®ã§ã€ã‚‚ã¨ã‚‚ã¨ã‚ã£ãŸAã‚ˆã‚Šä¸Šã«XãŒè¿½åŠ ã•ã‚Œã¾ã™ã€‚
tomono-blog 2017/08/30
jQuery
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã«ç¾Žã—ã„è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•
imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’ä¸¸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“ã‚Œã‚’è§£æ¶ˆã™ã‚‹CSSã®Trickã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Firefoxã¨Webkitãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafariï¼‰ã®ãã‚Œãžã‚Œã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ãè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãã‚Œã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ å·¦ï¼šè§’ä¸¸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’ä¸¸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’ä¸¸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“ã€‚
tomono-blog 2016/12/26
css

jQuery
ãƒªãƒ³ã‚¯
SlickNav Sample 3
tomono-blog 2016/12/13
jQuery
ãƒªãƒ³ã‚¯
jQuery slimMenu - A lightweight responsive and multi-level navigation menu plugin.
slimMenu is a lightweight jQuery plugin, which is made to create responsive and multi-level navigation menus on the fly. With slimMenu, you'll no longer struggle with media queries to create responsive menus, or any other heavy plugins to create multi-level nested menus. slimMenu does both job for you and it's only 5KB(2.5KB minified)! Features: Multi-level nested menus. 100% mobile responsive men
tomono-blog 2016/12/12
jQuery

ãƒ¡ãƒ‹ãƒ¥ãƒ¼

UI
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
tomono-blog 2016/12/06
jQuery

ux

UI
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã‹ã‚‰è‡ªãƒšãƒ¼ã‚¸ã®ãƒªãƒ³ã‚¯ã‚’å‰Šé™¤ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã™ã‚‹ - DOM Manipulation - Postal Search Ajax API with jQuery - Postal Search APIs & Solutions
Jakob Nielsen ã¯ ã‚¦ã‚§ãƒ–ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ é¡§å®¢ã‚’é€ƒãŒã•ãªã„ã‚µã‚¤ãƒˆã¥ãã‚Šã®ç§˜è¨£ ã‚„ ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ é¡§å®¢ã‚’ã¤ã‹ã‚€å‹ã¡çµ„ã‚µã‚¤ãƒˆ32ã®æ±ºå®šçš„æ³•å‰‡ ã®ä¸ã§ã€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’ä¿è¨¼ã™ã‚‹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®1ã¤ã¨ã—ã¦ã€ãƒšãƒ¼ã‚¸ã®ä¸ã‹ã‚‰è‡ªãƒšãƒ¼ã‚¸ã«ãƒªãƒ³ã‚¯ã—ãªã„ ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã™ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã§ã‚ã‚‹ã«ã‚‚é–¢ã‚ã‚‰ãš HOME ãƒœã‚¿ãƒ³ã‚„ãƒã‚´ã®ãƒªãƒ³ã‚¯ãŒã‚ã‚‹ãªã©ãŒãã®ä»£è¡¨ä¾‹ã§ã™ã€‚ãƒšãƒ¼ã‚¸ã®ä¸ã‹ã‚‰è‡ªãƒšãƒ¼ã‚¸ã®ãƒªãƒ³ã‚¯ãŒã‚ã‚‹ã¨ã€åˆ©ç”¨è€…ã¯è‡ªã‚‰ã®ç«‹ã¡ä½ç½®ãŒã‚ã‹ã‚‰ãªããªã‚Šã€æ··ä¹±ã™ã‚‹ã¨ã„ã†ã®ãŒè¶£æ—¨ã®ã‚ˆã†ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚ˆãç†è§£ã—ã¦ã„ã¾ã™ãŒã€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹éŽç¨‹ã§ã€ãƒ˜ãƒƒãƒ€ã€ãƒ•ãƒƒã‚¿ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ãªã©ãƒšãƒ¼ã‚¸ã§å¤‰åŒ–ãŒãªã„é ˜åŸŸã¯ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½¿ã£ã¦æ‰‹é–“ã‚’å‰Šæ¸›ã—ãŸã‚Šã™ã‚‹ã®ã§ã€å„ãƒšãƒ¼ã‚¸ã§ç•°ãªã‚‹ãƒªãƒ³ã‚¯å…ˆã‚’æŒ‡å®šã—ãŸã‚Šã€ã—ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã¯ã€æŠ€è¡“ã‚„äºˆç®—ã®é¢ã‹ã‚‰ç¾å®Ÿçš„ã˜ã‚ƒãªã„ã¨ã„ã†ã¨ã“ã‚ã«è½ã¡ç€ãã¾ã™ã€‚ ãƒ›ãƒ¼ãƒ ãƒš
tomono-blog 2016/04/28
jQuery
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã¯ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãã¦ã‚‚ä¸€çž¬ç‚¹æ»…ã™ã‚Œã°ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†å®Ÿé¨“
ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ä»¥å¤–ã®æ–¹æ³•ã§ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã«ã‚ˆã£ã¦ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ãŸã“ã¨ã‚’åˆ©ç”¨è€…ã«ã‚ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹æ–¹æ³•ã¯ãªã„ã‹ã¨ã„ã†ã“ã¨ã§ã€ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã§ã®ç§»å‹•æ™‚ã«ç”»é¢ã‚’ä¸€çž¬ç‚¹æ»…ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ jQuery ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ ã‚¿ã‚¤ãƒˆãƒ«ãŒ ï¼ˆè¬Žï¼‰ ãªæ„Ÿã˜ã§ã™ãŒ...... ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã§ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«ç§»å‹•ã•ã›ãŸã‚Šã™ã‚‹ã¨ãã€æœ€è¿‘ã¯æ‰€è¬‚ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã£ã¦ã‚„ã¤ã‚’å®Ÿè£…ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã«ãªã£ã¦ã„ã¾ã™ã‚ˆãã€‚ãƒ‘ãƒƒã¨çž¬æ™‚ã«ç”»é¢ãŒåˆ‡ã‚Šæ›¿ã‚ã£ã¦ã—ã¾ã†ã¨ã€ãƒšãƒ¼ã‚¸å†…ã§ç§»å‹•ã—ãŸã“ã¨ãŒã‚ã‹ã‚Šã«ãã„ã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‡¦ç†ã‚’å…¥ã‚Œã‚‹ã“ã¨ã§ã‚ã‹ã‚Šã‚„ã™ãã—ã¦ã‚ã’ã¾ã—ã‚‡ã†ã£ã¦è¨€ã†ã€è¦ªåˆ‡å¿ƒã‹ã‚‰æŽ¡ç”¨ã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ å®Ÿè£…æ–¹æ³•ã¯ JavaScript ã¨ CSS ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®çµ„ã¿åˆã‚ã›ã‚„ã€JavaScript ï¼ˆã¨ã„ã†ã‹ jQueryï¼‰ ã§ã¨ã„ã†ã®ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã®ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®å®Ÿè£…æ–¹æ³•ã¯ã©ã‚ŒãŒè‰¯ã„ã®
tomono-blog 2015/05/15
jQuery

css

UX
ãƒªãƒ³ã‚¯
Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã«ãŠã‘ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã®ä½¿ã„æ–¹2013
è¿½è¨˜ï¼š2018å¹´2æœˆ22æ—¥ã€€æœ¬è¨˜äº‹ã¯ gtag.js ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã€‚ï¼žï¼žå…¬å¼ãƒ˜ãƒ«ãƒ—ã‚’å‚ç…§ã™ã‚‹ è¿½è¨˜ 2015å¹´3æœˆ9æ—¥ã€€ã‚¿ã‚°ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã®ã‚ˆã‚Šè©³ç´°ãªè¨å®šã‚„æœ€æ–°ãƒ¡ã‚¸ãƒ£ãƒ¡ãƒ³ãƒˆãƒ—ãƒãƒˆã‚³ãƒ«ã¾ã§ç¶²ç¾…ã—ãŸæœ€æ–°ç‰ˆã‚’æ›¸ãã¾ã—ãŸã€‚ä»¥ä¸‹ã©ã†ãžã€‚ ï¼žï¼ž2015å¹´ç‰ˆã‚¤ãƒ™ãƒ³ãƒˆãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã®ä½¿ã„æ–¹ï¼œã‚¿ã‚°ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ»ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹å¯¾å¿œï¼ž ã‚¤ãƒ™ãƒ³ãƒˆãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã¨ã¯ Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã¯ã€ãŸã å˜ã«è¨ç½®ã—ãŸã ã‘ã§ã¯ã€Webãƒšãƒ¼ã‚¸ãŒä½•ãƒšãƒ¼ã‚¸è¦‹ã‚‰ã‚ŒãŸã€ã©ã‚Œãã‚‰ã„ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ã«è¦‹ã‚‰ã‚ŒãŸç‰ã€ãƒšãƒ¼ã‚¸é–²è¦§ã‚’åŸºæœ¬ã¨ã—ãŸè¨ˆæ¸¬ã—ã‹å‡ºæ¥ã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€ãƒšãƒ¼ã‚¸ã®ã©ã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‹ã€æ¥ãŸäººãŒå‹•ç”»ã‚’è¦‹ã¦ãã‚ŒãŸã®ã‹ã€ãƒšãƒ¼ã‚¸ã®æœ€å¾Œã¾ã§è¦‹ã¦ãã‚Œã‹ç‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’åŸºæº–ã¨ã—ãŸã€Œã‚ˆã‚Šè©³ç´°ãªè¡Œå‹•ã€ã‚’æŠŠæ¡ã™ã‚‹ãƒ‹ãƒ¼ã‚ºãŒé«˜ã¾ã£ã¦ãã¾ã—ãŸã€‚ ãƒšãƒ¼ã‚¸å†…ã§ã®å‹•ãã‚’è¨ˆæ¸¬ã™ã‚‹ã€ãã‚ŒãŒã‚¤ãƒ™ãƒ³ãƒˆãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ãã†ã„ã£ãŸè¡Œå‹•ã‚„ã‚µã‚¤ãƒˆãŒè‡ªå‹•çš„ã«è¡Œã†
tomono-blog 2015/01/27
analytics

jQuery

jQuery
ãƒªãƒ³ã‚¯
fullPage scroll snapping. Create full screen pages fast and simple
The best! Proud of being the most complete framework of its kind. Trusted by the most innovative companies. Compatible Working in modern and old browsers too! Make a beautiful site for all! Not just a few! Easy! fullPage.js is designed to be easy to use and customize. It includes tens of examples, great documentation and both community and personal support.
tomono-blog 2014/08/08
jQuery
ãƒªãƒ³ã‚¯
ã€Žè¿‘æ—¥å…¬é–‹äºˆå®š JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Beezã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¿ãªã•ã¾ã€ã“ã‚“ã«ã¡ã¯ï¼ 2013å¹´åº¦æ–°å’å…¥ç¤¾ã®å‰æˆç¥äººï¼ˆ@y_yoshinariï¼‰ã¨ç”³ã—ã¾ã™ã€‚ ç¾åœ¨ç§ã¯ãªãžã£ã¦ãƒ”ã‚°ã‚ãƒƒãƒãƒ³ã¨ã„ã†ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®å®Ÿè£…ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ãªãžã£ã¦ãƒ”ã‚°ã‚ãƒƒãƒãƒ³ã®é–‹ç™ºã§ç”¨ã„ã¦ã„ã‚‹è¿‘æ—¥å…¬é–‹äºˆå®šã®JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Beezã«ã¤ã„ã¦æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼ˆâ€» 2013å¹´12æœˆ19æ—¥è¿½è¨˜ï¼šæœ¬æ—¥ã€ç„¡äº‹ã«OSSã¨ã—ã¦å…¬é–‹ã•ã‚Œã¾ã—ãŸï¼ â†’ https://github.com/CyberAgent/beezï¼‰ ãªãžã£ã¦ãƒ”ã‚°ã‚ãƒƒãƒãƒ³ã¯ã€ãƒ‘ã‚ºãƒ«ã§ææ–™ã‚’é›†ã‚ã¦æ–™ç†ä½œã‚Šã€ãƒ”ã‚°æ‘ã®æ§˜ã€…ãªãŠå®¢ã•ã‚“ã«æ–™ç†ã‚’ãµã‚‹ã¾ã£ã¦è‡ªåˆ†ã ã‘ã®ç´ æ•µãª
tomono-blog 2013/12/18
javascript

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

jQuery
ãƒªãƒ³ã‚¯
ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã«ã‚‚ãªã‚‹ãƒ•ãƒ©ãƒƒãƒˆãªãƒœã‚¿ãƒ³å®Ÿè£…ãƒ‡ãƒ¢:phpspoté–‹ç™ºæ—¥èªŒ
Progress Button Styles | Codrops ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã«ã‚‚ãªã‚‹ãƒ•ãƒ©ãƒƒãƒˆãªãƒœã‚¿ãƒ³å®Ÿè£…ãƒ‡ãƒ¢ã€‚ ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ãƒœã‚¿ãƒ³è‡ªä½“ãŒãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã«ãªã£ã¦é€²ã‚€ã¨ã„ã†UIã‚’ãƒ•ãƒ©ãƒƒãƒˆã§ã€ï¼‘ï¼˜ç¨®é¡žã‚‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã§å®Ÿè£…ã—ãŸãƒ‡ãƒ¢ã§ã™ã€‚ ï¼‘ã¤ã®UIãƒ‘ãƒ¼ãƒ„ã§è¤‡æ•°ã®æ„å‘³ã‚’ã‚‚ãŸã›ã¦ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ãªUIãŒå®Ÿç¾ã§ãã¾ã™ã—ã€ãƒ•ãƒ©ãƒƒãƒˆãªã®ã§åºƒç¯„å›²ã«ä½¿ãˆã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šä½¿ãˆãã†ãªãƒ‡ãƒ¢ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¯ãƒ¼ãƒ«ãªå††ã‚°ãƒ©ãƒ•æç”»jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPie Chartã€ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã‚’ãƒ•ãƒ©ãƒƒãƒˆã§ã‚¯ãƒ¼ãƒ«ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒEasyDropDownã€ ãƒ•ãƒ©ãƒƒãƒˆãªUIãƒ‡ã‚¶ã‚¤ãƒ³ã‚ãƒƒãƒˆPSD25å€‹ ãƒ•ãƒ©ãƒƒãƒˆã§ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œvexã€ ãƒ•ãƒ©ãƒƒãƒˆãªå¤§é‡ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒè©°ã¾ã£ãŸãƒ•ãƒ©ãƒƒãƒˆãªãƒ¢ãƒã‚¤ãƒ«UIã‚ãƒƒãƒˆã€ŒFlatastic Mobile UI Ki
tomono-blog 2013/12/18
UI

jQuery
ãƒªãƒ³ã‚¯
input ã‚¿ã‚°ã§ç”»åƒã‚’é¸ã‚“ã ã‚‰å³æ™‚ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ jQuery iPreview ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚
input ã‚¿ã‚°ã§ç”»åƒã‚’é¸ã‚“ã ã‚‰å³æ™‚ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ jQuery iPreview ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ 2013å¹´12æœˆ17æ—¥ 16:44JavaScript æœ€è¿‘ã®ãƒ–ãƒ©ã‚¦ã‚¶ã«ã¯ File API ã¨ã„ã†ã‚‚ã®ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¦ JavaScript ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã®æƒ…å ±ã‚’èªã¿å–ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ HTML ã® image[type=file] ã§ç”»åƒã‚’é¸ã‚“ã ã¨ããªã‚“ã‹ã« ãã®å ´ã§ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ãã€‚ ã“ã‚Œã‚’ä½¿ã„ãŸãã¦ã¤ã¤ã„ã¦ãŸã‚“ã ã‘ã©ã€ ã“ã®å‡¦ç†ã‚’æ¯Žå›žæ›¸ãã®ã¯ã‚ã‚“ã©ãã•ã„ã®ã§ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã—ã¾ã—ãŸã€‚ msng/jQuery.iPreview â€“ GitHub JavaScript æ›¸ã‹ãªã„äººã‚‚ç°¡å˜ã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã—ãŸã¤ã‚‚ã‚Šã ã—ã€ å‰²ã¨è‡ªç”±ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã‚‹ã‚ˆã†ã«ã‚‚ãªã£ã¦ã‚‹ã¨æ€ã„ã¾ã™ã€‚ jQuery iPreview ã§ã§ãã‚‹ã“ã¨ ã“ã®ãƒœã‚¿ãƒ³ã‚’æŠ¼
tomono-blog 2013/12/18
jQuery
ãƒªãƒ³ã‚¯
jQueryå…¥é–€é“å ´
Kindleç‰ˆã®è³¼å…¥ï¼ˆï¿¥450å††ï¼‰ æœ¬æ›¸ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã€ŒjQueryå…¥é–€é“å ´ã€ã¨ã€Œã‚ˆãåˆ†ã‹ã‚‹ jQuery Deferredã€ã®2å†Šã‚’Amazon Kindleã®é›»åæ›¸ç±ã¨ã—ã¦è²©å£²ã—ã¦ãŠã‚Šã¾ã™ã€‚æœ¬ã‚µã‚¤ãƒˆã§ã¯ã€ŒjQueryå…¥é–€é“å ´ã€ã®5ç« ã¾ã§ã®å†…å®¹ã‚’ã‚«ãƒƒãƒˆç„¡ã—ã§WEBç‰ˆã§å…¬é–‹ã—ã¦ãŠã‚Šã¾ã™ã€‚ å§‹ã‚ã« jQueryã¨ã¯ï¼Ÿ ã‚»ãƒ¬ã‚¯ã‚¿ãƒ¼ å±žæ€§ã€CSSæ“ä½œ HTMLã€ãƒ†ã‚ã‚¹ãƒˆã€ãƒ•ã‚©ãƒ¼ãƒ å€¤ã®å–å¾—ï¼†è¨å®š æ¨ªæ–ï¼ˆTraversingï¼‰ jQueryã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæ“ä½œ ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç† AJAX ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ãƒ—ãƒãƒ‘ãƒ†ã‚£ .data() ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªã‚£ï¼ˆé–¢æ•°ï¼‰ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ãã®ä»– ãã®ä»–ã€ç›®æ¬¡ãªã©è©³ã—ãã¯ã€jQueryå…¥é–€é“å ´ç´¹ä»‹ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ é›»åæ›¸ç±ã®å½¢å¼ã¨è³¼å…¥å…ˆ Amazon Kindleç‰ˆã§ã¯ã€PDFã®ã‚ˆã†ãªå›ºå®šãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã¯ãªãã€ãƒªãƒ•ãƒãƒ¼åž‹ã«ãªã‚Šã¾ã™ã€‚ãƒªãƒ•ãƒãƒ¼åž‹ã¨ã¯ã€è¦‹ã‚‹ç«¯æœ«ã«ã‚ˆã‚Šè¡¨ç¤ºã•
tomono-blog 2013/12/05
jQuery
ãƒªãƒ³ã‚¯
jqueryã‚’åŠ¹çŽ‡ã‚ˆãå¦ã¶æ–¹æ³•ã¯ï¼Ÿ - ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®çª“å£
jQueryã‚’å¦ã¼ã†ã¨æ€ã£ã¦ãƒãƒƒãƒˆæ¤œç´¢ã‚’ã—ã¦ã‚‚ã€è‰²ã€…ãªæƒ…å ±ãŒå‡ºã¦ãã¦ã©ã®æƒ…å ±ã‚’å‚è€ƒã«ã™ã‚Œã°ã„ã„ã‹åˆ†ã‹ã‚‰ãªã„ã¨ã„ã†çµŒé¨“ã‚’ã—ãŸæ–¹ã¯ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ç‰¹ã«ç‹¬å¦ã§å¦ã¼ã†ã¨ã™ã‚‹ã¨ã€ãã®å£ã«ã‚ˆãã¶ã¤ã‹ã‚Šã¾ã™ã€‚ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã®ã‚ˆã†ãªãƒ¡ã‚¸ãƒ£ãƒ¼ãªã‚µãƒ¼ãƒ“ã‚¹ã‚‚ä½¿ã£ãŸã“ã¨ãŒãªã‘ã‚Œã°ã€ãã®ä¾¡å€¤ã¯åˆ†ã‹ã‚Šã¾ã›ã‚“ã€‚ ãã“ã§ãŠã™ã™ã‚ãªã®ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ã®æ´»ç”¨ã§ã™ã€‚æœ€åˆã«ä½•ã‹ã‚‰å¦ã¶ã¹ãã‹ã¨ã„ã£ãŸèª¬æ˜Žã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ã‚ãƒ£ãƒªã‚¢ãƒ—ãƒ©ãƒ³ã¾ã§ç›¸è«‡ã«ä¹—ã£ã¦ãã‚Œã‚‹ã®ã§ã€ãŸã å˜ã«å¦ã‚“ã§çµ‚ã‚ã‚‹ã¨ã„ã†ã“ã¨ãŒæ¸›ã‚‰ã›ã¾ã™ã€‚ The post jqueryã‚’åŠ¹çŽ‡ã‚ˆãå¦ã¶æ–¹æ³•ã¯ï¼Ÿ first appeared on ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®çª“å£.
tomono-blog 2013/06/20
jQuery

ã‚¤ãƒ™ãƒ³ãƒˆ
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ä½œæ¥ã§å½¹ç«‹ã¤æ©Ÿèƒ½ãŒè©°ã¾ã£ãŸÂ·RoughDraft.js MOONGIFT
RoughDraft.jsã¯ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—æ§‹ç¯‰ä¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã„ã¦ã€åŒã˜è¡¨ç¾ã‚’ç¹°ã‚Šè¿”ã—å…¥åŠ›ã™ã‚‹ã®ã¯ã¨ã¦ã‚‚é¢å€’ã§ã™ã€‚ãã“ã§RoughDraft.jsã‚’ä½¿ã£ã¦æ¥½ã‚’ã—ã¾ã—ã‚‡ã†ã€‚ ä¾‹ã§ã™ã€‚ç¹°ã‚Šè¿”ã—éƒ¨åˆ†ã®å‡¦ç†ãŒç°¡å˜ã«ãªã‚Šã¾ã™ã€‚ JavaScriptã®è¨˜è¿°ã‚‚ã„ã‚‰ãšç°¡å˜ã«ä½¿ãˆã¾ã™ã€‚ data-draft-repeatã§ç¹°ã‚Šè¿”ã™å›žæ•°ãŒæŒ‡å®šã§ãã¾ã™ã€‚ã•ã‚‰ã«data-draft-imageã§placehold.itã®ç”»åƒã‚’åŸ‹ã‚è¾¼ã‚ã¾ã™ã€‚ãã®ä»–data-draft-textã§é©å½“ãªæ–‡å—ã€data-draft-dateã§é©å½“ãªæ—¥ä»˜ã‚’åŸ‹ã‚è¾¼ã‚“ã§ãã‚Œã¾ã™ã€‚ä¸€ã¤ã®ãƒ–ãƒãƒƒã‚¯ã‚’ä½œã‚Œã°è‰¯ã„ã ã‘ãªã®ã§å¤‰æ›´ã‚‚ç°¡å˜ã§ä¾¿åˆ©ã«ä½¿ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ RoughDraft.jsã¯JavaScriptè£½ã€MIT License/GPLã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ MOONGIFT
tomono-blog 2013/02/12
jQuery

ECã‚µã‚¤ãƒˆ

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

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
pickadate.js
Thereâ€™s a tonne of options to customize the date and time pickers, such as month/year selectors, time intervals, etc. Thereâ€™s also a rich API to extend the functionality of the picker. Some examples are displayed on Codepen. When using the â€œclassicâ€ theme, it is important to have a wrapper div with position: relative around the source input to ensure the picker is sized according to the input elem
tomono-blog 2013/01/24
jQuery
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #12 Pinteresté¢¨ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œã£ã¦ã¿ãŸ | DevelopersIO
ãã‚“ãªè¨³ã§ã€å†™çœŸå…±æœ‰SNSã®ä¸€ã¤ã§ã‚ã‚‹Pinterest(ã´ã‚“ãŸã‚Œã™ã¨)ã€‚å¾“æ¥ã®ã‚°ãƒªãƒƒãƒ‰å¼ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚ˆã†ã«é«˜ã•ãŒå‡ä¸€ã®ã‚°ãƒªãƒƒãƒ‰ãŒæ•´ç„¶ã¨ä¸¦ã¹ã‚‰ã‚Œã¦ã„ã‚‹ã®ã¨é•ã„ã€ç•°ãªã‚‹é«˜ã•ã®ã‚°ãƒªãƒƒãƒ‰ãŒç”»é¢ã„ã£ã±ã„ã«æ•·ãè©°ã‚ã‚‰ã‚Œã¦ã„ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒç‰¹å¾´çš„ã§ã‚ªã‚µãƒ¬ã§ã™ã€‚ï¼ˆâ€»ã“ã†ã„ã£ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ãƒ”ãƒ³ãƒœãƒ¼ãƒ‰é¢¨ã¨å‘¼ã¹ã°è‰¯ã„ã®ã§ã—ã‚‡ã†ã‹â€¦ï¼Ÿï¼‰ Pinterest Pinterest ã¨ã¯ãƒ”ãƒ³ãƒœãƒ¼ãƒ‰é¢¨ã®å†™çœŸå…±æœ‰ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ»ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚ãƒ³ã‚°ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã€‚ç‰¹ã«å¥³æ€§ã«äººæ°—ãŒã‚ã‚‹ã€‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¨ã‚¢ãƒ—ãƒªã¯ãƒ†ãƒ¼ãƒžã«åŸºã¥ã„ã¦å†™çœŸã®ã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã“ã¨ãŒå‡ºæ¥ã‚‹ã€‚ã‚µã‚¤ãƒˆã®ãƒŸãƒƒã‚·ãƒ§ãƒ³ã‚¹ãƒ†ãƒ¼ãƒˆãƒ¡ãƒ³ãƒˆã¯ã€Œé¢ç™½ã„ã¨æ„Ÿã˜ã‚‹ã‚‚ã®ã‚’é€šã˜ã¦ä¸–ç•Œå…¨å“¡ã‚’ã¤ãªãã€ã€‚ã‚¢ãƒ¡ãƒªã‚« Palo Alto ã«ã‚ã‚‹ Cold Brew Labs ã«ã‚ˆã£ã¦é‹å–¶ã•ã‚Œã¦ã„ã‚‹ã€‚ Wikipediaã‚ˆã‚Šå¼•ç”¨(http://ja.wikipedia.org/wiki/Pinteres
tomono-blog 2013/01/16
jQuery

html5

css3
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸