[B! library] site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

site159 id:site159

libraryã«é–¢ã™ã‚‹site159ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (379)

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

ãµã‚ãµã‚ã®æ³¡ã®èƒŒæ™¯ã‚’ä½œæˆã§ãã‚‹JSã€Œbubbly-bg.jsã€
ãƒšãƒ¼ã‚¸ã®backgroundã«ãµã‚ãµã‚ã¨æ³¡ãŒæ¼‚ã†ã‚ˆã†ãªè¡¨ç¾ãŒã§ãã‚‹ã€Œbubbly-bg.jsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…¬å¼ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆ ä½¿ç”¨ã—ã¦ã¿ãŸã¨ã“ã‚ã€ä»•æ§˜ã¯ä»¥ä¸‹ã®ã‚ˆã†ã§ã™ã€‚ ãƒ»èƒŒæ™¯ã¯å›ºå®šã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ã‚ã‚‹ç¸¦é•·ã®ãƒšãƒ¼ã‚¸ã§ã‚‚ã€100vwã€100vhã§fixedã€‚ ãƒ»ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç«¯æœ«ã§ã‚‚å‹•ä½œã€‚ï¼ˆã¨ã‚Šã‚ãˆãšæ‰‹å…ƒã®iPhoneXã¨iPadã§å‹•ä½œç¢ºèªã—ã¾ã—ãŸã€‚ï¼‰ ãƒ»æ³¡ã®å€‹æ•°ã€è‰²ã€å‘ãã€é€Ÿã•ã€å¤§ãã•ã€ã¼ã‹ã—å…·åˆã€ã‚¢ãƒ«ãƒ•ã‚¡å€¤ã€èƒŒæ™¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ç´°ã‹ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ ãƒ»èƒŒæ™¯ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯0%ã¨100%ã®2è‰²ã®ã¿è¨å®šå¯èƒ½ã€‚ ãƒ»PCã§windowå¹…ã‚’ç‹ã‚ãŸã‚Šä¼¸ã°ã—ãŸã‚Šã™ã‚‹ã¨ã¡ã‚‡ã£ã¨å¤‰ã«ãªã‚‹çž¬é–“ã‚ã‚Š èƒŒæ™¯è‰²ã®ã‚ãŸã‚Šã¯JSã®ä¸èº«ã‚’è¦‹ã‚‹ã¨æœ€æ‚ªç·¨é›†ã§ããã†ãªæ„Ÿã˜ã¯ã‚ã‚Šã¾ã™ã€‚ é–²è¦§ã®éš›ã‚‚ã€é‡ããªã‚‹æ„Ÿè¦šã¯ç„¡ã„ã®ã§ã€å„ªç§€ãªJSã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚
site159 2020/07/14
Javascript

javascript

JavaScript

Library
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªç‰ã«æ‰‹è»½ã«ã‚ãƒ¼ãƒã‚¤ãƒ³ãƒ‰ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã€Œwhenipressã€
whenipressã¯é–‹ç™ºã—ãŸWebã‚¢ãƒ—ãƒªç‰ã«æ‰‹è»½ã«ã‚ãƒ¼ãƒã‚¤ãƒ³ãƒ‰ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ â€»ä¸Šè¨˜ã‚µãƒ³ãƒ—ãƒ«ã¯iframeãªã®ã§ä¸ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‹ã‚‰å‹•ä½œãƒ†ã‚¹ãƒˆã—ã¦ãã ã•ã„ è»½é‡ã§éžä¾å˜ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚³ãƒ¼ãƒ‰ã§ã‚ãƒ¼ãƒã‚¤ãƒ³ãƒ‰ã‚’å®Ÿè£…ã™ã‚‹äº‹ãŒå‡ºæ¥ã¾ã™ã€‚ <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/whenipress.js"></script> <script> whenipress("a", "b", "c").then((e) => alert("aã¨bã¨cãŒåŒæ™‚ã«æŠ¼ã•ã‚Œã¾ã—ãŸï¼")); </script>åŸºæœ¬çš„ã«ã¯ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’èªã¿è¾¼ã‚“ã§ã‚ãƒ¼ã«å¯¾ã™ã‚‹å‹•ä½œã‚’è¨˜è¿°ã™ã‚Œã°OKã§ã™ã€‚ è©³ã—ã„ä½¿ã„æ–¹ã¯ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’ã”å‚ç…§ãã ã•ã„ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITã§ã™ã€‚ whenipress
site159 2020/07/08
javascript

JavaScript

Javascript

Library
ãƒªãƒ³ã‚¯
Josh.js - A JavaScript library to animate content on page scroll.
site159 2020/06/18
javascript

scroll

library
ãƒªãƒ³ã‚¯
Animate.cssã‚’ä½¿ç”¨ã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è¿½åŠ ã§ãã‚‹è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã€ŒJosh.jsã€ - ã‹ã¡ã³ã¨.net
Josh.jsã¯Animate.cssã‚’ä½¿ç”¨ã—ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’è¿½åŠ ã§ãã‚‹è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ ä»–ã®JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’å¿…è¦ã¨ã—ãªã„éžä¾å˜åž‹ã§ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯Animate.cssã‚’ä½¿ç”¨ã™ã‚‹ãŸã‚2kbã¨éžå¸¸ã«è»½é‡ã§ã™ ä½¿ã„æ–¹ã‚‚ç°¡å˜ã§ã™ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css" /> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/josh.min.js"></script> Animate.cssã¨Josh.jsã‚’èªã¿è¾¼ã¿ã¾ã™ const josh = new Josh({ initClass: "foo", anima
site159 2020/06/17
animation

JavaScript

Library
ãƒªãƒ³ã‚¯
ScrollReveal.jsã‚’ä½¿ã£ã¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ãµã‚ã£ã¨è¡¨ç¤ºã•ã‚Œã‚‹å‹•ãã‚’ä½œã£ã¦ã¿ã‚ˆã† | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
JavaScript library to animate elements as they scroll into view. ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦è¡¨ç¤ºã•ã‚Œã‚‹è¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã™ã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒª è¦ç´ ãŒç”»é¢ã«è¡¨ç¤ºã•ã‚ŒãŸã‚‰ã€æŒ‡å®šã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè¡Œã—ã¦ãã‚Œã‚‹å„ªã‚Œã‚‚ã®ã§ã™ã€‚ ã€Œãµã‚ã£ã¨è¡¨ç¤ºã€ã€Œä¸‹ã‹ã‚‰è¡¨ç¤ºã€ã€Œé…ã‚Œã¦è¡¨ç¤ºã€ãªã©ç°¡å˜ã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆï¼šhttps://scrollrevealjs.org/ ScrollRevealã®ä½¿ã„æ–¹ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªèªã¿è¾¼ã¿ ä½¿ã„æ–¹ã¯ç°¡å˜ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’scriptã‚¿ã‚°ã§èªã¿è¾¼ã¿ã€å¯¾è±¡ã®è¦ç´ ã«ã‚¯ãƒ©ã‚¹ã‚’ä¸Žãˆã¦JavaScriptã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã™ã€‚ CDNã¯å…¬å¼ã‚µã‚¤ãƒˆã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‹ã‚‰èªã¿è¾¼ã¿ã¾ã™ã€‚ // æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®å ´åˆ <script src="https://unpkg.com/scrollreveal
site159 2020/01/27
JavaScript

javascript

Javascript

library

Library
ãƒªãƒ³ã‚¯
è¶…ä¾¿åˆ©ï¼ç¢ºèªã—ã¦ãŠããŸã„æœ€æ–°CSSãƒ„ãƒ¼ãƒ«ã€ãƒªã‚½ãƒ¼ã‚¹ã‚¬ã‚¤ãƒ‰åŽ³é¸65å€‹ 2020å¹´åº¦
æµ·å¤–ã‚µã‚¤ãƒˆ Speckyboy.com ã§å…¬é–‹ã•ã‚ŒãŸ Our 50 Favorite CSS Libraries, Frameworks and Tools from 2019 ã‚ˆã‚Šè¨±å¯ã‚’ã‚‚ã‚‰ã„ã€ç¿»è¨³è»¢è¼‰ã—ã€ã•ã‚‰ã«ã‚ªã‚¹ã‚¹ãƒ¡CSSãƒ„ãƒ¼ãƒ«15å€‹ã‚’è¿½åŠ ã—ã¦ã„ã¾ã™ã€‚ 2020å¹´ãŒã‚¹ã‚¿ãƒ¼ãƒˆã—ã€ã“ã“æ•°å¹´ã§æ€¥é€Ÿãªé€²æ©ã‚’ç¶šã‘ã¦ã„ã‚‹CSSã¯ã€ã•ã¾ã–ã¾ãªã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®ãƒ„ãƒ¼ãƒ«ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã„ã¾ã™ã€‚ CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã€ã‚µã‚¤ãƒˆåˆ¶ä½œã®æ™‚é–“ã‚’ç¯€ç´„ã€çŸç¸®ã§ãã‚‹ã ã‘ã§ãªãã€æ–°ã—ã„ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãªã©ã«é–¢ã—ã¦ã¯ã€å¦ç¿’ç”¨ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚‚å¤šæ•°å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€2020å¹´ã«æ³¨ç›®ã—ãŸã„æœ€æ–°CSSãƒ„ãƒ¼ãƒ«ã€ãƒªã‚½ãƒ¼ã‚¹ã‚¬ã‚¤ãƒ‰65å€‹ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰CSSã‚’æœ¬æ ¼çš„ã«å¦ã¶ã²ã¨ã‚‚ã€æ™®æ®µã‹ã‚‰ãƒãƒªãƒãƒªã§CSSã‚’ä½¿ã„ã“ãªã—ã¦ã„ã‚‹ã²ã¨ã‚‚ã€ä¸€åº¦ã¯ç¢ºèªã—ã¦ãŠããŸã„å†…å®¹ã¨ãªã£ã¦ã„
site159 2020/01/09
CSS

ã¾ã¨ã‚

Library

library
ãƒªãƒ³ã‚¯
Granim.js
Granim.jsCreate fluid and interactive gradient animations with this small javascript library.
site159 2019/10/18
javascript

library

animation

background
ãƒªãƒ³ã‚¯
15 Best CSS Libraries for 2019
Hey kids, you ready for me to tell you all about this newfangled thing called Bootstrap? Well get un-ready, â€˜cause Iâ€™d never do that to you. Itâ€™s not that Bootstrap isnâ€™t great, itâ€™s just that if you work in web design, and youâ€™ve been paying any attention at all, you already know about it. And if you donâ€™tâ€¦ wellâ€¦ welcome to the industry! We have some articles you may want to check out. For everyo
site159 2019/10/10
CSS

framework

animation

library

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ•ã‚¡ã‚¤ãƒ«ã®æ‰±ã„ãŒç°¡å˜ã«ï¼JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHowler.jsã€ | DevelopersIO
ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ•ã‚¡ã‚¤ãƒ«ã®å–ã‚Šæ‰±ã„ã‚’ç°¡å˜ã«ã—ã¦ãã‚Œã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHowler.jsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚¦ã‚§ãƒ–ã§ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ•ã‚¡ã‚¤ãƒ«ã‚’æ‰±ã†ã®ã¯ã€Œæ£æ°—ã®æ²™æ±°ã§ã¯ãªã„ï¼ˆè¦å‡ºå…¸ï¼‰ã€ã¨è¨€ã‚ã‚Œã¦ãŠã‚Šã€Web Audio APIã‚„HTML5 Audioï¼ˆHTMLMediaElementï¼‰ã‚’è¦‹ã‚‹ã¨ã€ç¢ºã‹ã«ãã£é–‰ã˜ã—ãŸããªã‚‹æ„Ÿã˜ã§ã™ã€‚ ãã‚“ãªã‚ªãƒ¼ãƒ‡ã‚£ã‚ªãƒ•ã‚¡ã‚¤ãƒ«ã®èªã¿è¾¼ã¿ã‹ã‚‰ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å†ç”Ÿã§ãã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã®åˆ¤å®šãªã©ã€é¢å€’ãªå‡¦ç†ã‚’ä»»ã›ã¦ã—ã¾ãˆã‚‹ã‚ªãƒ¼ãƒ‡ã‚£ã‚ªé–¢é€£ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªHowler.jsã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆï¼ˆã‚µãƒ³ãƒ—ãƒ«ã‚ã‚Šï¼‰ï¼šhowler.js - JavaScript audio library for the modern web ãƒªãƒã‚¸ãƒˆãƒªï¼šhowler.js - GitHub ä½¿ã„æ–¹ npmãªã‚‰ npm i howler -D CDNã‹ã‚‰èªã¿è¾¼ã‚€ãªã‚‰ <script
site159 2019/09/13
JavaScript

Library
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚„Webãƒšãƒ¼ã‚¸ã§ã‚ˆãè¦‹ã‹ã‘ã‚‹UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨å®Ÿè£…ã‚³ãƒ¼ãƒ‰ã®ç„¡æ–™ãƒ©ã‚¤ãƒ–ãƒ©ãƒª -Eva Design System
Webã‚µã‚¤ãƒˆãƒ»ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªç”¨ã®ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æã¨ãã‚Œã‚’å®Ÿè£…ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã€480é†œé¡žã®SVGã‚¢ã‚¤ã‚³ãƒ³ãªã©ãŒã™ã¹ã¦ã‚»ãƒƒãƒˆã«ãªã£ãŸWebã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ä½¿ç”¨ã—ãŸReact Nativeã‚¢ãƒ—ãƒªã‚„Angular UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ã‚ã‚Šã€ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§ã•ã¾ã–ã¾ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«åˆ©ç”¨ã§ãã¾ã™ã€‚
site159 2019/07/16
React

angular

Vue.js

ã¾ã¨ã‚

UI(UserInterface)

Library
ãƒªãƒ³ã‚¯
Hexa | Awesome Css Library
Give life to your text, photos and anything with just put a magical class
site159 2018/07/23
CSS

CSS3animation

CSS3

Library
ãƒªãƒ³ã‚¯
Search javascript libraries
Loading...
site159 2017/06/19
JavaScript

ã¾ã¨ã‚

search

library
ãƒªãƒ³ã‚¯
lory
Touch enabled minimalistic slider written in vanilla JavaScript Hardware accelerated transitions Usa ble as a jQuery plugin Options for custom easing effects infinite looping ~ carousel No compromises for fallbacks Written in ecmascript 6 Using webpack, babel & eslint for development Download Here or via cdn from cdnjs Prerequisited Html structure Class names can be changed through options <div cla
site159 2016/08/29
JavaScript

jQuery

Library

UI(UserInterface)
ãƒªãƒ³ã‚¯
Minigrid
Minimal 2kb zero dependency cascading grid layout without pain. Star DemoThere's a simple example on jsbin. UsageIt works on a grid container with a group of grid it ems. <div class="cards"> <div class="card"></div> <div class="card"></div> <div class="card"></div> </div> Then: var grid = new Minigrid({ container: '.cards', it em: '.card', gutter: 6 }); grid.mount(); InstallationGet it from npm. npm
site159 2016/08/29
Layout

JavaScript

Library

UI(UserInterface)
ãƒªãƒ³ã‚¯
GitHub - uupaa/PageVisibilityEvent.js: PageVisibility event dispatcher
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
site159 2016/07/26
HTML5

JavaScript

Library
ãƒªãƒ³ã‚¯
Waypoints
Waypoints is the easiest way to trigger a function when you scroll to an element. var waypoint = new Waypoint({ element: document.getElementById('waypoint'), handler: function(direction) { console.log('Scrolled to waypoint!') } }) Builds are available for multiple DOM libraries. jQuery 1.8+ Zepto 1.1+ No Framework IE 9+ npm install waypoints or bower install waypoints or GitHub Download Get Help
site159 2016/07/20
jQuery

JavaScript

useWork

UI(UserInterface)

Library
ãƒªãƒ³ã‚¯
æ‰‹è»½ã«å®Ÿè£…ï¼Webã‚µã‚¤ãƒˆã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åŠ ãˆã‚‰ã‚Œã‚‹CSSï¼†JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼
2019å¹´2æœˆ22æ—¥ CSS, JavaScript, jQuery äººé–“ã®ç›®ã¯å‹•ãã‚’æ„ŸçŸ¥ã™ã‚‹ã¨åå°„çš„ã«ç›®ãŒå‹•ãã€æ„è˜ã‚’ãã¡ã‚‰ã«å‘ã‘ã‚‹ãã†ã§ã™ã€‚ãã®ãŸã‚ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯è¦ç´ ã‚’ã»ã‚“ã®å°‘ã—å‹•ã‹ã™ã ã‘ã§æ³¨ç›®ã‚’é›†ã‚ã‚‰ã‚Œã‚‹ã¨ã„ã†å¼·ã„åŠ›ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ä»Šå›žã¯ãã‚“ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ‰‹è»½ã«å®Ÿè£…ã§ãã‚‹CSSã‚„JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ¼ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†æ™‚ã«æ°—ã‚’ã¤ã‘ãŸã„äº‹ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ãˆã°ã€å‰å¾Œã®ç”»é¢ã«ç¹‹ãŒã‚Šã‚’æŒãŸã›ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ¬¡ã®å‹•ãã‚’äºˆæ¸¬ã•ã›ã€å®‰å¿ƒæ„Ÿã‚’ä¸Žãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã‚ˆãä½¿ã‚ã‚Œã‚‹ã‚‚ã®ãŒã€ãµã‚“ã‚ã‚Šã¨ç”»é¢ã‚„è¦ç´ ã‚’ç§»ã‚Šå¤‰ãˆã‚‹ãƒ•ã‚§ãƒ¼ãƒ‰ã¨ã„ã†åŠ¹æžœã§ã™ã€‚ç›®ã®å‰ã®ç‰©ãŒä¸€çž¬ã§æ¶ˆãˆã€ãƒ‘ãƒƒã¨æ–°ã—ã„ç‰©ãŒç¾ã‚Œã‚‹â€¦ãªã‚“ã¦ã€ç¾å®Ÿä¸–ç•Œã§ã¯ã‚ã‚Šãˆã¾ã›ã‚“ã‚ˆãã€‚ã‚‚ã¡ã‚ã‚“ã€å˜ç´”ã«è¦‹ã¦ã„ã¦æ¥½ã—ã„ã€ã‹ã£ã“ã„ã„ã€ãªã‚“ã¦ã„ã†åˆºæ¿€ã‚’ä¸Žãˆã‚‰ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ãƒ¦ãƒ¼
site159 2016/07/13
JavaScript

CSS3animation

CSS3

ã¾ã¨ã‚

Library
ãƒªãƒ³ã‚¯
[JS]Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªç”¨ã®ã•ã¾ã–ã¾ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Golden Layout
Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªç”¨ã®ãƒžãƒ«ãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³å¯¾å¿œã®æŸ”è»Ÿãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹jQuery, React, Angularã«å¯¾å¿œã—ãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Golden Layout Golden Layout -GitHub Golden Layoutã®ç‰¹å¾´ Golden Layoutã®ãƒ‡ãƒ¢ Golden Layoutã®ä½¿ã„æ–¹ Golden Layoutã®ç‰¹å¾´ Golden Layoutã¯jQuery, React, Angularã«å¯¾å¿œã—ãŸMITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã§ã™ã€‚ ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãƒ†ãƒ¼ãƒžã§ç°¡å˜ã«å¤‰æ›´å¯èƒ½ åŒ…æ‹¬çš„ãªAPI ãƒ‘ãƒ¯ãƒ•ãƒ«ãªæŒç¶šæ€§ IE8+, Firefox, Chromeå¯¾å¿œ Golden Layoutã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯Golden Layoutã§å®Ÿè£…ã•ã‚ŒãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®HTML, CSS, JSã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹ã“ã¨ã‚‚ã§ã
site159 2016/04/18
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒª

jQuery

Library
ãƒªãƒ³ã‚¯
Our Justified Layout Goes Open Source | code.flickr.com
We introduced the justified layout on Flickr.com late in 2011. Our community of photographers loved it for its ability to efficiently display many photos at their native aspect ratio with visually pleasing, consistent whitespace, so we quickly added it to the rest of the website. Itâ€™s been through many iterations and optimizations. From back when we were primarily on the PHP stack to our lovely ne
site159 2016/04/13
Flickr

JavaScript

Library

UI(UserInterface)
ãƒªãƒ³ã‚¯
APB CSS - Atomic Parts Base CSS -
What is Atomic Parts Base CSS(APB CSS) Atomic Design + OOCSS + SMACSS = Atomic Parts Base CSS (APB CSS) Atomic Parts Base CSS(APB CSS)ã£ã¦ä½•ï¼Ÿï¼Ÿ Atomic Design + OOCSS + SMACSS = Atomic Parts Base CSS (APB CSS) APBCSS ã¯ Atomic Parts Base CSSã®ãã‚Œãžã‚Œé æ–‡å—ã‚’å–ã£ã¦ã„ã¦ã€ã€Œã‚¨ãƒ¼ãƒ”ãƒ¼ãƒ“ãƒ¼ã‚·ãƒ¼ã‚¨ã‚¹ã‚¨ã‚¹ã€ã¨å‘¼ã³ã¾ã™ã€‚ APBCSS ã¯ Atomic Designã‚’ãƒ™ãƒ¼ã‚¹ã«è¨è¨ˆã•ã‚ŒãŸã€ŒCSSã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã€ã®ä¸€ã¤ã¨ãªã‚Šã¾ã™ã€‚ Point - Simple - Predictable - General versatility - Reusa ble - Maintainabl
site159 2016/03/25
OOCSS

CSS

smacss

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