yamato-nagataã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ - ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yamato-nagata id:yamato-nagata

yamato-nagataã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12,874)

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

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

{{#following_bookmarks}}

${{author_name}}$

{{author_name}} {{created}}

{{{comment_expanded}}}

{{label}}

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

{{/following_bookmarks}}

{{/is_wiped}}

Moving Letters
Source <h1 class="ml1"> <span class="text-wrapper"> <span class="line line1"></span> <span class="letters">THURSDAY</span> <span class="line line2"></span> </span> </h1>
yamato-nagata 2017/10/09
css

javascript
ãƒªãƒ³ã‚¯
Intersection ObserverãŒç°¡å˜ã§ä¾¿åˆ©ï¼è¦ç´ ãŒãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ã‚’åˆ¤å®šã§ãã‚‹
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸéš›ã«ãƒ˜ãƒ«ãƒ—ã‚„åºƒå‘Šã‚’è¡¨ç¤ºã—ãŸã‚Šã€ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªã¿è¾¼ã¾ã›ãŸã‚Šã€ç”»åƒã®é…å»¶ãƒãƒ¼ãƒ‰ãªã©ã€è¦ç´ ãŒãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ã‚’ãƒˆãƒªã‚¬ãƒ¼ã«ã™ã‚‹ã®ã«ã¯ã€ãªã‹ãªã‹é¢å€’ãªJavaScriptãŒå¿…è¦ã§ã—ãŸã€‚ ä¾‹ãˆã°ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ã‚µã‚¤ã‚ºå¤‰æ›´ã®ã‚¤ãƒ™ãƒ³ãƒˆã‚’å–å¾—ã—ã€getBoundingClientRect()ãªã©ã®DOM APIã§ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã‹ã‚‰ã®ç›¸å¯¾ä½ç½®ã‚’æ‰‹å‹•ã§è¨ˆç®—ã—ã¾ã™ã€‚ ã“ã®ä»Šã¾ã§ã®æ–¹æ³•ã¯é¢å€’ã§éžåŠ¹çŽ‡çš„ã§ã—ãŸãŒã€ä¸»è¦ãªãƒ–ãƒ©ã‚¦ã‚¶ã«å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹IntersectionObserver APIã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€éžå¸¸ã«ç°¡å˜ã«å–å¾—ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Intersection Observer comes to Firefox ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€è‘—è€…æ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã€ŒIntersectionObserver()ã€ã®åŸºæœ¬çš„ãª
yamato-nagata 2017/08/10
javascript

ã‚ã¨ã§èªã‚€

jQuery
ãƒªãƒ³ã‚¯
ã—ã£ã‹ã‚Šå…¥é–€ï¼ãã¡ã‚“ã¨èº«ã«ã¤ãIllustratorãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã¤ãã‚Šæ–¹37å€‹ã¾ã¨ã‚
Illustrator ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç¾å ´ã«æ¬ ã‹ã›ãªã„ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ã²ã¨ã¤ã§ã€ã•ã¾ã–ã¾ãªãƒ„ãƒ¼ãƒ«ã‚„æ©Ÿèƒ½ã‚’æ´»ç”¨ã™ã‚‹ã“ã¨ã§ã€é«˜å“è³ªãªã‚¤ãƒ©ã‚¹ãƒˆã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä½œæˆã§ãã¾ã™ã€‚ ã“ã“ã§ã¯ Illustratorã‚’ã—ã£ã‹ã‚Šä½¿ã„ã“ãªã™ãŸã‚ã«å¿…è¦ãªã€åŸºæœ¬çš„ã§å®Ÿè·µå‘ããªæ©Ÿèƒ½ã‚„ãƒ„ãƒ¼ãƒ«ã®ä½¿ã„æ–¹ã‚’å¦ã¶ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã¤ãã‚Šæ–¹ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ã¯ã˜ã‚ã¦ã®äººãŒã¾ãšæŠ¼ã•ãˆãŸã„åŸºæœ¬ã‹ã‚‰ã€æœ€æ–°ã®æ©Ÿèƒ½ã¾ã§ç¶²ç¾…ã—ã¦ã„ã‚‹ã®ã§ã€ã“ã‚Œã‹ã‚‰Illustratorã‚’å¦ã¼ã†ã¨ã„ã†ã²ã¨ã‹ã‚‰ã€æ–°ã—ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ç¢ºèªã—ãŸã„ãƒ™ãƒ†ãƒ©ãƒ³ã®ã²ã¨ã«ã‚‚ã‚ªã‚¹ã‚¹ãƒ¡ã—ãŸã„å†…å®¹ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Illustratorã®æ–°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã“ã‚Œï¼å‚è€ƒã«ã—ãŸã„æœ€æ–°ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ä½¿ã„æ–¹40å€‹ã¾ã¨ã‚ ã—ã£ã‹ã‚Šå…¥é–€ï¼ãã¡ã‚“ã¨èº«ã«ã¤ãIllustratorãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€ã¤ãã‚Šæ–¹ã¾ã¨ã‚ æ°´å½©ãƒšã‚¤ãƒ³ãƒˆã§æã„ãŸç¾Žã—ã„ãƒžãƒ¼ãƒ¡ã‚¤ãƒ‰ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ–¹æ³• ã‚«ãƒ©ãƒ•ãƒ«ãªè‰²åˆã„ãŒç‰¹é•·ã®Ill
yamato-nagata 2017/08/10
ãƒªãƒ³ã‚¯
Paper.li
yamato-nagata 2017/08/07
google

android
ãƒªãƒ³ã‚¯
ãƒ’ã‚µãƒˆãƒ¡ on Twitter: "Tã‚·ãƒ£ãƒ„ã„ãƒ¼ãªãƒ¼ã€‚ #design_ct https://t.co/dBy2sR8MZ2"
yamato-nagata 2017/08/04
ãƒªãƒ³ã‚¯
Paper.li
yamato-nagata 2017/07/31
android

google
ãƒªãƒ³ã‚¯
Paper.li
yamato-nagata 2017/07/24
android

google
ãƒªãƒ³ã‚¯
ã‚³ãƒªã‚¹ðŸ¡ðŸ on Twitter: "å¤ªã£è…¹ä¼ç”»ï¼ ã“ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’ãƒªãƒ„ã‚¤ãƒ¼ãƒˆã¨ @colisscom ã‚’ãƒ•ã‚©ãƒãƒ¼ã§ã€ç·é¡10ä¸‡å††åˆ†ã®æœ‰æ–™ãƒ•ã‚©ãƒ³ãƒˆã¨ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ç´ æã‚’3åæ§˜ã«ãƒ—ãƒ¬ã‚¼ãƒ³ãƒˆã—ã¾ã™ã€‚ å¿œå‹Ÿç· åˆ‡ã¯ã€7/20ã¾ã§ã€‚ https://t.co/JyVOsSELLB https://t.co/NfX3ZTG5HM"
yamato-nagata 2017/07/18
ãƒªãƒ³ã‚¯
Home
yamato-nagata 2017/07/17
android

google
ãƒªãƒ³ã‚¯
å‹é”ç´¹ä»‹ç‰¹å…¸ï½œã€å…¬å¼ã€‘GMOã¨ãã¨ãBB
GMOã¨ãã¨ãBBå…‰ ï¼ˆGMOå…‰ã‚¢ã‚¯ã‚»ã‚¹ï¼‰ã”ç´¹ä»‹ç‰¹å…¸ 1ä»¶ã”ç´¹ä»‹ã«ã¤ãAmazonã‚®ãƒ•ãƒˆã‚«ãƒ¼ãƒ‰ã‚’ ç´¹ä»‹è€…ã•ã¾ã¨ãŠç”³è¾¼ã¿ã®æ–¹ã«ãã‚Œãžã‚Œ5,000å††åˆ†ãšã¤ãƒ—ãƒ¬ã‚¼ãƒ³ãƒˆï¼
yamato-nagata 2017/07/16
ãƒªãƒ³ã‚¯
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ç¢ºå®Ÿã«é€²åŒ–ã—ã¦ã„ã‚‹ï¼ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½¿ã£ãŸCSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ãƒã‚¤ãƒ³ãƒˆã¾ã¨ã‚
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ç¢ºå®Ÿã«é€²åŒ–ã—ã¦ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æ¥½ã—ã¾ã›ã‚‹ã ã‘ã§ãªãã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ³¨æ„ã‚’ã¤ã‹ã¿ã€ã‚µã‚¤ãƒˆã®ã‚´ãƒ¼ãƒ«ã«å°ŽããŸã‚ã®é‡è¦ãªæ‰‹æ®µã«ã‚‚ãªã‚Šã¾ã™ã€‚ å˜èª¿ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ãªãã€ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½¿ã„ã€ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãƒ»ãƒ‡ã‚£ãƒ¬ã‚¤ãƒ»åå¾©ãƒ»æ–¹å‘ãƒ»ã€Œwill-changeã€æ©Ÿèƒ½ã‚’ä½¿ã£ãŸCSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ How to Use CSS Animations Like a Pro ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ 1. ã‚ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ 2. ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚° 3. ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚£ãƒ¬ã‚¤ 4. ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å†ç”ŸçŠ¶æ…‹ 5. ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åå¾©å›žæ•° 6. ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ–¹å‘ 7. ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å¡—ã‚Šã¤ã¶ã—ãƒ¢ãƒ¼ãƒ‰ 8. ã€Œwill-changeã€æ©Ÿèƒ½ 9. CSSã®4ã¤ã®é‡è¦ãªå€¤ 1
yamato-nagata 2017/07/12
ãƒªãƒ³ã‚¯
Project CARS 2 - BUILT BY DRIVERS featuring Tommy Milner
yamato-nagata 2017/07/12
ãƒªãƒ³ã‚¯
WRC 7 Gameplay Trailer - Epic Stages
yamato-nagata 2017/07/12
ãƒªãƒ³ã‚¯
Home
yamato-nagata 2017/07/10
google

android
ãƒªãƒ³ã‚¯
Home
yamato-nagata 2017/07/03
android

google
ãƒªãƒ³ã‚¯
Home
yamato-nagata 2017/06/26
android

google
ãƒªãƒ³ã‚¯
Home
yamato-nagata 2017/06/19
android

google
ãƒªãƒ³ã‚¯
Home
yamato-nagata 2017/06/12
google

android
ãƒªãƒ³ã‚¯
ã‚ãƒ€ã‚¹ãƒšã‚·ãƒ£ãƒ«
ãƒ¯ãƒ³ã‚ªãƒ•è£½ä½œç‰ã€ãŠæ°—è»½ã«ãŠå•ã„åˆã‚ã›ãã ã•ã„ã€‚ å•†å“ã®ä»•æ§˜ãƒ»ä¾¡æ ¼ç‰ã¯äºˆå‘Šãªãå¤‰æ›´ã™ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ ã‚µãƒ¼ã‚ãƒƒãƒˆã‚„ã‚¤ãƒ™ãƒ³ãƒˆã‚¹ãƒšãƒ¼ã‚¹ãªã©è¿·æƒ‘ã®ã‹ã‹ã‚‰ãªã„å ´æ‰€ã§ãŠæ¥½ã—ã¿ãã ã•ã„ã€‚
yamato-nagata 2017/06/12
ãƒ•ã‚§ãƒ©ãƒ¼ãƒª

Ferrari

ã‚ãƒ€ã‚¹ãƒšã‚·ãƒ£ãƒ«
ãƒªãƒ³ã‚¯
Home
yamato-nagata 2017/06/05
google

android
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

@HatenaBookmark
ãƒªãƒªãƒ¼ã‚¹ã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“ã‚¹ã®ãŠçŸ¥ã‚‰ã›
@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

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

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

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

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

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

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

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