[B! JavaScript] psnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

psn id:psn

JavaScriptã«é–¢ã™ã‚‹psnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{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]é¢å€’ãªCSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Prefix free
ãƒšãƒ¼ã‚¸ã«ãŸã£ãŸä¸€è¡Œè¨˜è¿°ã™ã‚‹ã ã‘ã§ã€CSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã—ã¦ãã‚Œã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Prefix free via: PrefixFree: Break Free From CSS Prefix Hell [ad#ad-2] Prefix freeã®æ©Ÿèƒ½ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¨ã¯ã€CSS3ã§æŽ¡ç”¨äºˆå®šã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒãƒ–ãƒ©ã‚¦ã‚¶ã«å…ˆè¡Œå®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œã‚‰ã‚’å„ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«æ©Ÿèƒ½ã•ã›ã‚‹ãŸã‚ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«åŠ ãˆã‚‹æŽ¥é è¾žã®ã“ã¨ã§ã™ã€‚ ã€Œ-moz-ã€ã€Œ-webkit-ã€ã€Œ-o-ã€ã€Œ-ms-ã€ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã€CSS3ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é€šå¸¸ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä½¿ç”¨ã™ã‚‹ã¨ã€ä¸‹è¨˜ã®ã‚ˆã†ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ãªã‚Šã¾ã™ã€‚ .download { background-image: -webkit-linear-gradient(transparent, rgba(0,0,0,.3
psn 2011/10/14
CSS3

javascript
ãƒªãƒ³ã‚¯
CSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹æ‰‹è»½ã§è»½é‡ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»cssFx.js - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ä¹…ã—ã¶ã‚Šã«ã‹ãªã‚Šä¾¿åˆ©ãã†ãªæ°—ãŒã—ãŸ ã®ã§å‚™å¿˜éŒ²ã€‚CSS3ã§å„ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œ ã•ã›ã‚‹ãŸã‚ã«åŠ ãˆã‚‹ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å°†æ¥çš„ã«CSS3ã®ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯ä»˜ã‘ ã‚‹å¿…è¦ãŒç„¡ããªã‚‹ã®ã§ãã†ãªã£ãŸã‚‰ ã“ã‚Œã‚’å¤–ã›ã°ã„ã„ã ã‘ã§ã™ãã€‚ ä½¿ã„æ–¹ã‚‚ã™ã”ãç°¡å˜ã§3.7KBã¨è»½é‡ã§ã™ã€‚cssãŒç®¡ç†ã—ã«ããã¦å›°ã£ã¦ã‚‹æ–¹ã¯æ¤œè¨Žã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ã¾ãŸã€jQueryã‚„mootoolsã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ã®ã‚‚ç´ æ•µã§ã™ãã€‚ åœ°å‘³ã«ã„ã„ã‹ã‚‚ã€‚CSSPrefixerã¿ãŸã„ã«ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä»˜ã‘ã¦ãã‚Œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã¯ã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ãŒã€ã“ã†ã„ã†ã®ãŒã‚ã‚‹ã®ã¯å¤šãã®äººãŒé¢å€’ã ã¨æ€ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã—ãã€‚ã“ã‚Œã‚’ã€jsã§ä»˜ã‘ã‚ˆã†ãœã€ã¨ã„ã†ã®ãŒcss Fx.jsã§ã™ã€‚
psn 2011/10/05
ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§

CSS3

JavaScript
ãƒªãƒ³ã‚¯
Paper.js
Source
psn 2011/08/23
ãƒ™ã‚¯ã‚¿ãƒ¼æç”»ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

HTML5

JavaScript

canvas
ãƒªãƒ³ã‚¯
[JS]ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã€IE6/7/8ã§ã‚‚HTML5ã®videoã¨audioã‚’åˆ©ç”¨ã§ãã‚‹ -html5media
HTML5ã®videoè¦ç´ ã‚„audioè¦ç´ ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ãŸã£ãŸä¸€è¡Œã€ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã™ã‚‹ã ã‘ã§ã“ã‚Œã‚‰ã‚’åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ html5media ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] html5mediaã®å®Ÿè£… html5mediaã®åˆ©ç”¨æ–¹æ³•ã¯ç°¡å˜ã§ã™ã€‚ ãƒšãƒ¼ã‚¸ã«è¿½åŠ ã™ã‚‹ä¸€è¡Œ ä¸‹è¨˜ã‚’ãƒšãƒ¼ã‚¸ã®headå†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <script src="http://api.html5media.info/1.1.4/html5media.min.js"></script> ã“ã‚Œã ã‘ã§ã€ã™ã¹ã¦ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒ–ãƒ©ã‚¦ã‚¶ã§HTML5ã®videoã¨audioã‚’åˆ©ç”¨ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ video, audioã«éžå¯¾å¿œã®IE7ã§ã‚‚æœŸå¾…é€šã‚Šã«å‹•ç”»ãŒå†ç”Ÿã•ã‚Œã¾ã™ã€‚ IE6(IE Tester)ã§ã®ã‚ãƒ£ãƒ—ãƒãƒ£ å‚è€ƒï¼švideo, audioã®ã‚µãƒãƒ¼ãƒˆçŠ¶æ³ video, audio
psn 2011/08/10
HTML5

JavaScript
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

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

å…¬å¼Twitter

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

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

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

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

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

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

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

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

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

ã‚¿ã‚°

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

JavaScriptã«é–¢ã™ã‚‹psnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

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

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ£ã—ã¾ã—ãŸ

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

ã‚¿ã‚°

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

JavaScriptã«é–¢ã™ã‚‹psnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

[JS]é¢å€’ãªCSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Prefix free

CSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹æ‰‹è»½ã§è»½é‡ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»cssFx.js - ã‹ã¡ã³ã¨.net

Paper.js

[JS]ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã€IE6/7/8ã§ã‚‚HTML5ã®videoã¨audioã‚’åˆ©ç”¨ã§ãã‚‹ -html5media

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

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

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç­”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ­£ã—ã¾ã—ãŸ

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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

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

JavaScriptã«é–¢ã™ã‚‹psnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

[JS]é¢å€’ãªCSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ä¸Žã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Prefix free

CSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹æ‰‹è»½ã§è»½é‡ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»cssFx.js - ã‹ã¡ã³ã¨.net

[JS]ä¸€è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã€IE6/7/8ã§ã‚‚HTML5ã®videoã¨audioã‚’åˆ©ç”¨ã§ãã‚‹ -html5media

ãŠçŸ¥ã‚‰ã›

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

ã€iOSã‚¢ãƒ—ãƒªã€‘ã‚¢ãƒ—ãƒªã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã®ãŠçŸ¥ã‚‰ã›ï¼šç‰¹å®šç”»é¢ã§ã‚¢ãƒ—ãƒªãŒå¿œç”ã—ãªããªã‚‹å•é¡Œã‚’ä¿®æ£ã—ã¾ã—ãŸ

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

å…¬å¼Twitter

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

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

å…¬å¼Twitter

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