[B! ãƒ©ã‚¤ãƒ–ãƒ©ãƒª] uchã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

uch id:uch

ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é–¢ã™ã‚‹uchã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (89)

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

IE8ãƒ»9ã«ã‚‚Flexboxã‚’å¯¾å¿œã•ã›ã‚‹ã€flexibility.jsãŒã¨ã£ã¦ã‚‚ä¾¿åˆ©ï¼
2016å¹´1æœˆ5æ—¥ CSS, JavaScript æ˜¨å¹´ã‹ã‚‰ã„ã‚ã‚“ãªã‚µã‚¤ãƒˆã§ç¶šã€…ã¨å®Ÿè£…ã•ã‚Œã¦ãã¦ã„ã‚‹Flexboxã€‚å¾“æ¥ã®æ–¹æ³•ã¨ã¯é•ã„ã€ç°¡å˜ã«CSSã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚ã¡ã‚ƒã†ç´ æ•µæŠ€ã§ã™ã€‚ã—ã‹ã—ã€Internet Explorer8ã‚„9ç‰ã®å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã«ã¯å¯¾å¿œã—ã¦ãŠã‚‰ãšã€Flexboxã‚’ä½¿ã„ãŸãã¦ã‚‚ä½¿ãˆãªã„â€¦ã¨ã„ã†Webåˆ¶ä½œè€…ã•ã‚“ã‚‚å°‘ãªããªã„ã¯ãšã€‚ãã‚“ãªæ‚©ã¿ã‚’ä»Šå›žã®è¨˜äº‹ã§è§£æ¶ˆã—ã¾ã™ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Flexboxã£ã¦ä½•ï¼Ÿ Flexboxã¨ã¯Flexible Box Layout Moduleã®ã“ã¨ã§ã€ãã®åã®é€šã‚Šãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ã§ç°¡å˜ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒçµ„ã‚ã¡ã‚ƒã†ãƒœãƒƒã‚¯ã‚¹ã§ã™ã€‚å…·ä½“çš„ã«ã¯ä¸»ã«ä»¥ä¸‹ã®ã‚ˆã†ãªäº‹ã‚’æ‰‹è»½ã«å®Ÿè£…ã§ãã¾ã™ã€‚ CSSã‚’ä¸€è¡Œãƒ—ãƒ©ã‚¹ã™ã‚‹ã ã‘ã§æ¨ªä¸¦ã³ã«ã§ãã‚‹ï¼ æ¨ªä¸¦ã³ã«ãªã£ãŸè¦ç´ ã®é«˜ã•ãŒæœ€åˆã‹ã‚‰æƒã£ã¦ã‚‹ï¼ è¦ç´ ã‚’ä¸Šä¸‹å·¦å³ã€å¥½ããªé †åºã«ä¸¦ã³æ›¿ãˆã‚‰ã‚Œã‚‹ï¼ ã‚¹ãƒšãƒ¼ã‚¹ã®
uch 2016/01/05
*css

IE

Javascript

CSS3

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
Googleã‚‚æŽ¨å¥¨ï¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxã®ä½¿ã„æ–¹ã€€å…¥é–€ç·¨ â€” un-Tech
ã”ãã’ã‚“ã‚ˆã†ã€‚ãƒ•ãƒ¼ãƒŸãƒ³ã§ã™ã€‚ ã€ŒJavaScriptã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œã‚‹ãªã‚‰TweenMaxãŒæœ€å¼·ã ã‚ˆã€ã¨å…ˆè¼©ã‹ã‚‰æ•™ã‚ã‚Šæ—©2å¹´ã€‚ã„ã¾ã ç¾å½¹æœ€å¼·ï¼ˆåƒ•ã®ä¸ã§ï¼‰JavaScriptã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxã®è‰¯ã•ã‚’åºƒã‚ã‚‹ãŸã‚ã«ã€å…¥é–€ç·¨ãƒ»å¿œç”¨ç·¨ã®å…¨2å›žã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ TweenMaxã¨ã¯ TweenMaxã¨ã¯ã€GreenSockç¤¾ãŒé–‹ç™ºã—ãŸè¶…é«˜æ€§èƒ½ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€ŒGSAPã€ã®ã²ã¨ã¤ã§ã€DOMã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ç‰¹åŒ–ã—ãŸJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ requestAnimationFrameã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€jQueryã®animateãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã†ã‚ˆã‚Šã€å‹•ä½œãŒé«˜é€Ÿã‹ã¤å®‰å®šã—ã¦ã„ã¾ã™ã€‚ åŒã˜ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«mokichiãã‚“ãŒç´¹ä»‹ã—ã¦ãã‚ŒãŸVelocity.jsã¨ã„ã†ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ TweenMaxã¨åŒæ§˜ã«å‹•ä½œãŒé«˜é€Ÿã‹ã¤å®‰å®šã—ã¦ãŠã‚Šã€jQuer
uch 2015/11/26
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
CodyHouse | Web Design Nuggets
Web design made simple 404 HTML, CSS, JS components compatible with any CSS framework Browse Components
uch 2015/02/21
*Webãƒ‡ã‚¶ã‚¤ãƒ³

*css

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
[JS]Lightboxã®é€²åŒ–å½¢ï¼ã‚¯ãƒªãƒƒã‚¯ã§ã‚‚ã‚¿ãƒƒãƒ—ã§ã‚‚å¿«é©å‹•ä½œã®ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã•ã›ã‚‹è¶…è»½é‡ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Intense Images
ã‚µãƒ ãƒã‚¤ãƒ«çœŸã‚“ä¸ã®é¢¨æ™¯å†™çœŸã¯ç¸¦é•· Intense Imagesã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ â€»jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å¿…è¦ã‚ã‚Šã¾ã›ã‚“ã€‚ <head> ... <script src='../intense.js'></script> </head> Step 2: HTML ç”»åƒã¯2ç¨®é¡žã®é…ç½®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ imgè¦ç´ ã¯ã‚µãƒ ãƒã‚¤ãƒ«ã¨æ‹¡å¤§æ™‚ã®ç”»åƒã‚’å…¼ç”¨ã—ã€data-imageå±žæ€§ã¯æ‹¡å¤§æ™‚ã«é«˜è§£åƒåº¦ã®ç”»åƒã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ <img src="./img/awesome-source.jpg" />  <div class="anything" data-image="./img/awesome-source.jpg" /> data-imageã‚’ä½¿ç”¨ã™ã‚‹æ™‚ã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«ã¯CSSã§èƒŒæ™¯ç”»åƒã¨ã—ã¦æŒ‡å®š
uch 2014/07/08
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯å…ˆã‚’å…ˆèªã¿ã—ã¦ãƒšãƒ¼ã‚¸ã®é€Ÿåº¦ã‚’ã‚ã’ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒInstantClickã€:phpspoté–‹ç™ºæ—¥èªŒ
InstantClick ? JS lib to make your website instant ãƒªãƒ³ã‚¯å…ˆã‚’å…ˆèªã¿ã—ã¦ãƒšãƒ¼ã‚¸ã®é€Ÿåº¦ã‚’ã‚ã’ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒInstantClickã€ ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã—ãŸæ™‚ç‚¹ã§AJAXã§ãƒªãƒ³ã‚¯å…ˆã‚’å…ˆèªã¿ã—ã¾ã™ã€‚ãƒ›ãƒãƒ¼ã—ãŸæ™‚ç‚¹ã§ã‚¯ãƒªãƒƒã‚¯ã—ãã†ã§ã‚ã‚‹ã€ã¨ã„ã†ã“ã¨ã§ãƒãƒ¼ãƒ‰ã«è¡Œãã€å®Ÿéš›ã«ã‚¯ãƒªãƒƒã‚¯ã—ãŸéš›ã«ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ãŒæ—©ããªã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ å…ˆèªã¿ã¨ã„ã†ã¨WEBã‚µãƒ¼ãƒã«è² è·ã‚’ã‹ã‘ã‚‹ã¨ã„ã†ã‚ã¾ã‚Šã‚ˆã„å°è±¡ã¯ãªã‹ã£ãŸã‚Šã—ã¾ã™ãŒã€ãƒ›ãƒãƒ¼æ™‚ã®ã¿ã§ã‚ã‚Šè‡ªã‚µã‚¤ãƒˆå†…ã§ã®åˆ©ç”¨ã«ç•™ã‚ã€ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–ã«ã‚ˆã‚‹æ©æµã‚’å—ã‘ã‚‰ã‚Œã‚‹ã¨ã„ã†åˆ¤æ–ã§ã‚ã‚Œã°å®Ÿè£…ã—ã¦ã‚‚ã‚ˆã„ã®ã‹ã¨æ€ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Mediumã®ã‚¢ãƒã‚¿ãƒ¼ã‚ºãƒ¼ãƒ é¢¨ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘ã‚‰ã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒZoomerang.jsã€ ç”»åƒã®ä¸€éƒ¨åˆ†ã‚’è™«çœ¼é¡ã®ã‚ˆã†ã«æ‹¡å¤§ã§ãã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒMagnifier.jsã€ Twitterè£½ã®é«˜é€Ÿãª
uch 2014/02/23
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã‚Šç©ã¿é‡ãªã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’ä½œã‚Œã‚‹ã€ŒSlinky.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Slinky.js ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã‚Šç©ã¿é‡ãªã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ˜ãƒƒãƒ€ãƒ¼ã‚’ä½œã‚Œã‚‹ã€ŒSlinky.jsã€ èª¬æ˜ŽãŒé›£ã—ã„ã®ã§ã™ãŒã€å‹•ä½œã¯ãƒ‡ãƒ¢ã‚’è¦‹ã¦ã¿ã¦ä¸‹ã•ã„ã€‚ ä»Šã©ã“ã‚’è¦‹ã¦ã„ã‚‹ã®ã‹ãŒåˆ†ã‹ã‚Šã‚„ã™ãã¡ã‚‡ã£ã¨æ–°ã—ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè£…ã§ãã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ‰ãƒƒãƒˆã«ã‚ˆã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¯ãƒ¼ãƒ«ãªã‚µãƒ³ãƒ—ãƒ«é›† ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¾Œã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã«å›ºå®šã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒstickUpã€ ã‚¯ãƒ¼ãƒ«ãªå††å½¢ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ä¸Šã«å›ºå®šã•ã‚Œã‚‹ä¸€è¦‹æ™®é€šã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSMINTã€ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆç”¨jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒNaverã€
uch 2014/02/23
JavaScript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
uch 2014/01/22
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ã€åˆ‡ã‚Šå–ã‚Šã€ãƒªã‚µã‚¤ã‚ºã€ã‚¦ã‚§ãƒ–ã‚«ãƒ åˆ©ç”¨ã€ãƒ•ã‚£ãƒ«ã‚¿ç‰ãŒã§ãã‚‹è¶…å¤šæ©Ÿèƒ½JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFileAPIã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ã€åˆ‡ã‚Šå–ã‚Šã€ãƒªã‚µã‚¤ã‚ºã€ã‚¦ã‚§ãƒ–ã‚«ãƒ åˆ©ç”¨ã€ãƒ•ã‚£ãƒ«ã‚¿ç‰ãŒã§ãã‚‹è¶…å¤šæ©Ÿèƒ½JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFileAPIã€ 2013å¹´11æœˆ13æ—¥- FileAPI ? a set of javascript tools for working with files. ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ã€åˆ‡ã‚Šå–ã‚Šã€ãƒªã‚µã‚¤ã‚ºã€ã‚¦ã‚§ãƒ–ã‚«ãƒ åˆ©ç”¨ã€ãƒ•ã‚£ãƒ«ã‚¿ç‰ãŒã§ãã‚‹è¶…å¤šæ©Ÿèƒ½JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒFileAPIã€ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ã¯è¤‡æ•°ã‚¢ãƒƒãƒ—ã‚„ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ã€ã‚¦ã‚§ãƒ–ã‚«ãƒ ã‹ã‚‰ã®å–ã‚Šè¾¼ã¿ã‚‚å¯èƒ½ã§ã€ã‚¢ãƒƒãƒ—ã—ãŸç”»åƒã«ã‚¦ã‚©ãƒ¼ã‚¿ãƒ¼ãƒžãƒ¼ã‚¯ã‚’ã¤ã‘ãŸã‚Šã€Instagramé¢¨ã«ãƒ•ã‚£ãƒ«ã‚¿ã‚’ã¤ã‘ãŸã‚Šã€ã¨ã«ã‹ããƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ã—ã¦ç”»åƒã‚’æ‰±ã†ã‚ˆã†ãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹éš›ã«ä½¿ãˆãã†ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ç”¨ã«ã¯phpã‚¯ãƒ©ã‚¹ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã«ã‚‚å¯¾å¿œã€‚ ãƒ‡ãƒ¢ã‚’è¦‹ã¦ã¿ã‚‹ã ã‘ã§ã‚‚ä½•ã‹ã§ããã†ãªæ°—ã«ãªã‚Šã¾ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒ©ãƒƒãƒˆã§è¶…ã‚«ãƒƒã‚³ã„
uch 2013/11/13
*PHP

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ç”»é¢ä¸Šã«ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè¡¨ç¤ºã•ã‚ŒãŸéš›ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’è¨å®šã§ãã‚‹ã€ŒonScreen()ã€:phpspoté–‹ç™ºæ—¥èªŒ
$.onScreen(); ç”»é¢ä¸Šã«ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè¡¨ç¤ºã•ã‚ŒãŸéš›ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‚’è¨å®šã§ãã‚‹ã€ŒonScreen()ã€ 1ãƒšãƒ¼ã‚¸ã«æ²¢å±±ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªã¿è¾¼ã‚“ã§ã„ã‚‹ã‚µã‚¤ãƒˆã«ãŠã„ã¦ã¯ã€ãã®ç”»é¢ãŒè¡¨ç¤ºã•ã‚Œãªã„ã§ã‚‚HTMLã‚’å‡ºåŠ›ã—ã€è»¢é€é‡ã‚’å¿…è¦ã¨ã—ã€è¡¨ç¤ºã‚¹ãƒ”ãƒ¼ãƒ‰ã«å½±éŸ¿ã‚’åŠã¼ã—ã¾ã™ã€‚ ãã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«è¡¨ç¤ºã•ã‚ŒãŸæ™‚ç‚¹ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«è¨è¨ˆã™ã‚Œã°ç„¡é§„ãªè»¢é€ãŒãªããªã‚Šã€ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚‚é€Ÿããªã‚Šã¾ã™ãã€‚ ã“ã‚Œã‚’ç°¡å˜ã«å®Ÿç¾ã§ãã‚‹ã®ãŒã€ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å®Ÿè£…ã¯æ¬¡ã®ã‚ˆã†ã«ã€åˆæœŸåŒ–ã—ã¾ã™ã€‚doIn, doOut ã¨ã„ã†æ„Ÿã˜ã§é–¢æ•°å†…ã«å®šç¾©ã™ã‚Œã°ã‚ˆã„ã¿ãŸã„ã§ã™ã€‚ lazyloaderã‚„ã€ãƒšãƒ¼ã‚¸ã®è‡ªå‹•èªè¾¼ã€æ›´ã«ã€åˆ©ç”¨è€…ãŒã©ã“ã¾ã§è¦‹ãŸã‹ï¼Ÿã‚’ãƒˆãƒ©ãƒƒã‚¯ã™ã‚‹å ´åˆã«ã‚‚Analyticsç‰ã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ãˆãã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã®ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã‚’æ¤œçŸ¥ã—ã¦å‡¦ç†ã‚’å®Ÿè¡Œã§ãã‚‹ã€ŒHeyoffline.jsã€
uch 2013/11/11
*jQuery

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
æ—¥ä»˜ã‚’ä¾¿åˆ©ã«æ“ä½œã™ã‚‹ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªè‰²ã€… - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ JavaScriptã«ã¯æ—¥ä»˜ã‚’æ‰±ã†ç‚ºã® â€œDateâ€ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒã‚ã‚Šã¾ã™ãŒã€æ£ç›´ãªã¨ã“ã‚ã“ã‚Œã¯ã‚ã¾ã‚Šè¦ªåˆ‡ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãã“ã§ã€JavaScriptã®æ—¥ä»˜å‘¨ã‚Šã§æ¥½ã‚’ã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ¡ãƒ¢ã‚’ã“ã“ã«ã€‚ XDate XDate â€“ A Modern JavaScript Date Library Dateã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ã—ãŸ XDateã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ ã‚’å®Ÿè£…ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ä½¿ã„æ–¹ã¯Dateã¨ã»ã¨ã‚“ã©å¤‰ã‚ã‚‰ãšã€XDateã«å¼•æ•°ã‚’æ¸¡ã—ã¦åˆæœŸåŒ–ã—ã¦ä½¿ã„ã¾ã™ã€‚ XDateã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¯ã€Dateã«ã‚ã‚‹setTimeã‚„getFullYearãªã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ç¶™æ‰¿ã—ã¦ã„ã‚‹ä»–ã€ æ—¥ä»˜ã®è¶³ã—ç®—ã‚’è¡Œã£ãŸã‚Šã€å·®åˆ†ã‚’è¨ˆç®—ã—ãŸã‚Šç‰ä¾¿åˆ©ãªãƒ¡ã‚½ãƒƒãƒ‰ãŒæ²¢å±±ç”Ÿãˆã¦ã„ã¾ã™ã€‚ var d = new XDate(1977, 10, 25); // 1977/1
uch 2013/07/27
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
Popular CSS Libraries - CSSDB
âš ï¸ NOTE: This project is no longer being maintained. If you're interested in taking over maintenance, please contact me.
uch 2013/06/13
CSSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚

*CSS

*ã¾ã¨ã‚

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
uch 2013/05/09
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

canvas

svg
ãƒªãƒ³ã‚¯
ã™ãã‚ŒãŸ PHP ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ãƒªã‚½ãƒ¼ã‚¹
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
uch 2013/04/26
*PHP

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

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

*ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ç—’ã„æ‰€ã«æ‰‹ãŒå±Šãã€PHPã®æ–‡å—åˆ—ç³»é–¢æ•°ã‚’ä¸å¿ƒã¨ã—ãŸã‚¹ãƒ‹ãƒšãƒƒãƒˆé›†çš„ãƒ©ã‚¤ãƒ–ãƒ©ãƒª - Te.php [ã‚¼ãƒã¨ç„¡é™ã®é–“ã«]
- 1 user
- 0-oo.net
- å¦ã³
uch 2012/12/24
*PHP

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ã‚¹ãƒ‹ãƒšãƒƒãƒˆ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
uch 2012/12/02
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€:phpspoté–‹ç™ºæ—¥èªŒ
Simple Modal - Another window modal ã‚¯ãƒ¼ãƒ«ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSimpleModalã€ã€‚ CSS3ã‚’ä½¿ã£ãŸç¶ºéº—ãªãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã®å®Ÿè£…ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ HTMLã‚„å‹•ç”»ã®åŸ‹ã‚è¾¼ã¿ã‚‚å¯èƒ½ã§è¡¨ç¤ºã®éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå‡ºæ¥ã‚‹ã¿ãŸã„ã§ã™ã€‚ IE8ç³»ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ç¶ºéº—ã«å‡ºåŠ›ã•ã‚Œã‚‹ã‚ˆã†ã§ã—ãŸã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ä»Šã“ãçŸ¥ã£ã¦ãŠãLightboxé¢¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³20+ CSS3ã§å‡ºæ¥ãŸã‚¯ãƒ¼ãƒ«ãªLightBoxå®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
uch 2012/10/31
javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
CSS3ã‚„Canvasã€JSç‰ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’:phpspoté–‹ç™ºæ—¥èªŒ
12 Free jQuery Pre-Loader Plugins CSS3ã‚„Canvasã€JSç‰ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒå®Ÿè£…ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ï¼‘ï¼’ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ç”»åƒã®ç¨®é¡žãŒè‰²ã€…ã‚ã‚‹ä¸Šã«å®Ÿè£…æ–¹æ³•ã‚‚ã€å˜ãªã‚‹ç”»åƒã§ã¯ãªã„æ–¹æ³•ãŒé¸ã¹ã¾ã™ã€‚ ç”»åƒã˜ã‚ƒãªã„æ–¹æ³•ã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’å®Ÿè£…ã—ãŸã„å ´åˆã¯å‚è€ƒã«ã™ã‚‹ã¨ã‚ˆã•ãã†ã€‚ ç”»åƒã§ã¯ãªã„ãŸã‚ã€è»½é‡ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚µã‚¤ãƒˆã«ã‚‚ä½¿ãˆã‚‹ã¨ã„ã†ã¨ã“ã‚ã§ã™ã‹ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª è¶…ã‚«ãƒƒã‚³ã„ã„ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPercentage Loaderã€ HTML5ã‚²ãƒ¼ãƒ ã«ä½¿ãˆã‚‹ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°è¡¨ç¤ºæ©Ÿèƒ½ä»˜ããƒ—ãƒ¬ãƒãƒ¼ãƒ‰ç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPxLoaderã€ ç”»åƒã‚„å¤–éƒ¨CSSãªã—ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒä½œæˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œspin.jsã€
uch 2012/08/07
javascript

css

ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
PHPã®åŸºæœ¬æ©Ÿèƒ½ã‚’æ‹¡å¼µã—ã¦ä¾¿åˆ©ã«ã§ãã‚‹ã€ŒUtilityPHPã€:phpspoté–‹ç™ºæ—¥èªŒ
util.php - The PHP programmers best friend - UtilityPHP PHPã®åŸºæœ¬æ©Ÿèƒ½ã‚’æ‹¡å¼µã—ã¦ä¾¿åˆ©ã«ã§ãã‚‹ã€ŒUtilityPHPã€ã€‚ èªã¿è¾¼ã‚€ã¨ã€util::ã€œç³»ã®ä¾¿åˆ©é–¢æ•°ãŒæ²¢å±±ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ var_dumpã‚’ç¶ºéº—ã«æŠ˜ç•³ã¿å¯èƒ½ãªå½¢ã§å‡ºåŠ›ã—ã¦ãã‚Œã‚‹ util::var_dumpã€å¤šæ¬¡å…ƒã®é…åˆ—ã‚’ï¼‘ã¤ã®é…åˆ—ã«ã™ã‚‹ array_flatten ã‚„ã€URLã«ã‚¯ãƒªã‚’è¿½åŠ ã—ãŸã‚Šå‰Šé™¤ã™ã‚‹ add_query_arg, remove_query_argã€httpsã‚¢ã‚¯ã‚»ã‚¹ã‹ã©ã†ã‹ã‚’åˆ¤æ–ã™ã‚‹ is_https ãªã©ã€æ±Žç”¨ã«åˆ©ç”¨ã§ããã†ãªé–¢æ•°ç¾¤ãŒè©°ã¾ã£ã¦ã„ã¾ã™ã€‚ èªã¿è¾¼ã‚€ã¨å…¨ã¦ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚‚ã®ã®è¦ã‚‰ãªã„ã‚‚ã®ã‚‚å¤šãã†ãªã‚ã‘ã§ã™ãŒã€ã“ã®ä¸ã‹ã‚‰å¿…è¦ãªã‚‚ã®ã ã‘ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦ä½¿ã†ã¨ã„ã†ä½¿ã„æ–¹ã§ä¾¿åˆ©ã«æ´»ç”¨ã§ãã‚‹ã‹ãªã¨å€‹äººçš„ã«æ€ã„ã¾ã—ãŸã€‚ ã“ã‚Œã¯ã‚ˆãä½¿ã†ã£ã¦ã„ã†ã‚‚ã®ã¯æŠœ
uch 2012/07/31
*PHP

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ç”»åƒã®ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHolder.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Holder.js - client side image placeholders ç”»åƒã®ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒHolder.jsã€ <img src="holder.js/300x200"> ã¨æ›¸ãã¨canvasã‚’ä½¿ã„ã€æŒ‡å®šã—ãŸã‚µã‚¤ã‚ºã®ç”»åƒã‚’ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§æç”»ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã¨ã„ã†ã‚‚ã®ã€‚ JSãªã®ã§ã‚µãƒ¼ãƒä¸è¦ã§ã‚ªãƒ•ãƒ©ã‚¤ãƒ³ã§ã‚‚ä½œæ¥ã§ãã¾ã™ã€‚ ã“ã†ã—ãŸç”»åƒã‚’ã‚ˆãä½¿ã†æ–¹ã¯ã€ã„ã¡ã„ã¡ä½œã‚‹ã®ã¯é¢å€’ãªã®ã§ã€JSã‚³ãƒ¼ãƒ‰ã§æ›¸ã„ã¦ç”»åƒåŒ–ã§ããŸã‚‰ãªã‹ãªã‹ä¾¿åˆ©ã§ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ã§ç¾Žéº—ãªãƒšãƒ¼ã‚¸ã‚ãã‚ŠåŠ¹æžœãŒä½œã‚Œã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œturn.jsã€ æ§˜ã€…ãªã‚°ãƒ©ãƒ•ã‚’æç”»ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒNVD3.jsã€ ã‚¹ãƒˆãƒ¬ã‚¹ç„¡ã—ã§Googleãƒžãƒƒãƒ—ã‚’ä½¿ã£ãŸã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã€Œgmaps.jsã€ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§PDFã‚’è¡¨ç¤ºã™ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPDF.jsã€
uch 2012/07/27
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

javascript
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãã®ã¾ã¾ã«è¦‹ãŸã¾ã¾ç·¨é›†ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒCreate.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
Create.js - A new kind of web editing interface ãƒšãƒ¼ã‚¸ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãã®ã¾ã¾ã«è¦‹ãŸã¾ã¾ç·¨é›†ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒCreate.jsã€ã€‚ èµ·å‹•ã™ã‚‹ã¨ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãƒ†ã‚ã‚¹ãƒˆãŒç·¨é›†å¯èƒ½ã«ãªã‚Šã€ãƒšãƒ¼ã‚¸ä¸Šã®ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã‚’ä½¿ã£ã¦å¤ªå—ãªã©ã®æ–‡å—ä¿®é£¾ãŒã§ãã€ãã®ã¾ã¾Saveãƒœã‚¿ãƒ³ã§ä¿å˜ã§ãã‚‹ã¨ã„ã†éžå¸¸ã«ä½¿ã„ã‚„ã™ã„ç·¨é›†ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ä½¿ãˆã¾ã™ CMSç‰ã«å®Ÿè£…ã™ã‚‹ã¨ã„ã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’WYSIWYGç·¨é›†å¯èƒ½ã«ã™ã‚‹ãƒ¢ãƒ¼ãƒ‰ã‚‚IEã«ã¯ã‚ã£ãŸã‚Šã—ã¾ã—ãŸãŒã€ã“ã‚Œã¯ç·¨é›†ã•ã›ãŸã„éƒ¨åˆ†ã ã‘ã‚’ç·¨é›†ã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã¨ã„ã†æ‰€ãŒã‚ˆã„ã§ã™ã€‚ ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’ä¸‹æ‰‹ã«ç·¨é›†å¯èƒ½ã«ã™ã‚‹ã¨ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå´©ã‚ŒãŸã‚Šã—ã¦å¤§å¤‰ã§ã‚ã£ãŸã‚Šã—ã¾ã™ãŒã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„éƒ¨åˆ†ã®ãƒ†ã‚ã‚¹ãƒˆã®ã¿ç·¨é›†å¯èƒ½ã«ã™ã‚Œã°ãã†ã„ã†ã“ã¨ãŒãªã„ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª HTML5ãƒ™ãƒ¼ã‚¹ã®éŸ³å£°å…¥åŠ›å¯èƒ½ãªWYSIWYGã‚¨ãƒ‡ã‚£ã‚¿ã€Œwysihtml5
uch 2012/07/27
WYSIWYG

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸