[B! js] hashimoyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hashimoya id:hashimoya

jsã«é–¢ã™ã‚‹hashimoyaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (40)

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

Highcharts.js ã‚’ä½¿ã£ã¦ã¿ãŸ
æœ€è¿‘IDEA*IDEAã•ã‚“ã§å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ãŸHighcharts.jsã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã®ã§ã€èº“ã„ãŸç‚¹ãªã©ã‚’ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã™ã€‚ â– å…¬å¼ã‚µã‚¤ãƒˆ http://www.highcharts.com/ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€æ›´æ–°å±¥æ´ã¯ã“ã¡ã‚‰ã‹ã‚‰è¦‹ã‚‰ã‚Œã¾ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚ã“ã¡ã‚‰ã«è¨˜è¼‰ãŒã‚ã‚Šã¾ã™ã€‚ å€‹äººåˆ©ç”¨ã€æ•™è‚²ç›®çš„ã®åˆ©ç”¨ã€ãŠã‚ˆã³éžå–¶åˆ©çµ„ç¹”ã§ã®åˆ©ç”¨ã«ã¤ã„ã¦ã¯ç„¡æ–™ã§ã™ãŒã€å•†ç”¨åˆ©ç”¨ã®éš›ã«ã¯ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®è³¼å…¥ï¼ˆ1ã‚µã‚¤ãƒˆ$80ã€è¤‡æ•°ã‚µã‚¤ãƒˆ$360ï¼‰ãŒå¿…è¦ã«ãªã‚‹ã®ã§æ³¨æ„ã§ã™ã€‚ â– å…¬å¼ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ http://www.highcharts.com/ref/ ãŠãã‚‰ãå…¨éƒ¨JSã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã ã¨æ€ã„ã¾ã™ãŒã€å‡„ã„ã‚¯ã‚ªãƒªãƒ†ã‚£é«˜ã„ã§ã™ãƒ»ãƒ»ãƒ» â– å®Ÿéš›ã«å°Žå…¥ã—ã¦ã¿ã¦èº“ã„ãŸãƒã‚¤ãƒ³ãƒˆ ä»¥ä¸‹ã€ã™ã¹ã¦ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.0.2ï¼ˆ2009/12/09ï¼‰ã§ã®æ°—ã¥ãã§ã™ã€‚ ã‚°ãƒ©ãƒ•ã‚’æç”»ã™ã‚‹é ˜åŸŸã®ã‚µã‚¤ã‚ºã¯ã€CSSã§ã¯å®šç¾©ã§ããªã„ã€ç›´æŽ¥styleå±žæ€§ã«æ›¸
hashimoya 2012/02/20
Highcharts.jsã®ãƒ¡ãƒ¢ã€‚ã€Œèº“ã„ãŸãƒã‚¤ãƒ³ãƒˆã€ãŒã‚ã‚ŠãŒãŸã„ã€‚

js

chart
ãƒªãƒ³ã‚¯
ã€Ž2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ã€ã«å‚åŠ ã—ã¦ããŸ #html5semi - Diary of absj31
2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ : ATND 2012/01/20 2012å¹´ã®HTML5ã€CSS3ã€JavaScriptã¯ã“ã†ãªã‚‹ã€œå®Ÿéš›ã®ã‚µãƒ¼ãƒ“ã‚¹äº‹ä¾‹ã§è€ƒãˆã‚‹HTML5ã®è¿‘æœªæ¥ #html5semi - Togetter (å†™çœŸï¼šç¥žä¿ç”ºé§…æ”¹æœå‰) HTML5é–¢é€£ãƒã‚¿ã¯ã‚„ã‚ã†ã‚„ã‚ã†ã¨æ€ã„ã¤ã¤å€‹äººçš„ã«ã¯ãƒªãƒ¼ãƒå‡ºæ¥ã¦ãªã„åˆ†é‡Žã§ã—ã¦ã€ã¡ã‚‡ã£ãã‚‰æ‹è¦‹ã—ã¦ãã¾ã—ãŸã€‚ã¡ãªã¿ã«ä¸Šè¨˜ã®å‹Ÿé›†ã‚µã‚¤ãƒˆã€å‡„ã„äººæ°—ã§200äººã®å®šå“¡ã«ä¸€æ™‚ã¯å€ã®400äººãŒç™»éŒ²ã™ã‚‹ã¨è¨€ã†äº‹æ…‹ã«ã€‚HTML5äººæ°—ã¯å‡„ã„ã§ã™ãã€œã€‚ é–‹å‚¬é–‹å ´ã¯æ ªå¼ä¼šç¤¾ã‚ªãƒ—ãƒˆï¼‘Få¤§ä¼šè°å®¤ï¼ ç¥žä¿ç”ºã€‚ã“ã®æ—¥ã¯æœã‹ã‚‰é›ªãŒé™ã‚‹ãªã©ã—ã¦å¤©å€™ãŒå´©ã‚Œã¦ã„ã¾ã—ãŸãŒã€å¤•æ–¹ã€œé–‹å‚¬ã®é ƒã«ã¯å•é¡Œç„¡ãæ¢ã‚“ã§ãŠã‚Šã¾ã—ãŸã€‚ã—ã‹ã—å¤–ã¯å¯’ã‹ã£ãŸï¼(>_<) å…¥å ´æ™‚ã®çŠ¶æ³ã§5åˆ†ç¨‹é…ã‚Œã¦æœ¬ç·¨ã‚¹ã‚¿ãƒ¼ãƒˆã€‚ä»¥ä¸‹ãƒ¡ãƒ¢ã§ã™ã€‚ åŸºèª¿
hashimoya 2012/01/23
ã“ã‚Œã™ãæº€å“¡ã«ãªã‚‹ã‹ã‚‰ã¾ã¨ã‚ã¡ã‚‡ã†å¬‰ã—ã„ã€‚ã‚ã¨å†…å®¹ã®æ¦‚è¦ã‚‚åŠ©ã‹ã‚‹ã€‚ã€‚ã˜ã£ãã‚Šèªã‚€

seminar

html5

js
ãƒªãƒ³ã‚¯
9 Useful Javascript Syntax Highlighting Scripts
Syntax highlighting is very important especially when we want to show our code example on the blog. By enabling the syntax highlighting on the blog, readers can read the code blocks easier. There are a lot of free and useful syntax highlighting scripts around us. Most of the scripts are written using Javascripts, though some of them are powered by other programming languages such as Phyton or Ruby
hashimoya 2011/12/25
ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ãƒã‚¤ãƒ©ã‚¤ãƒˆã‚ã‚Œã“ã‚Œ

js

code
ãƒªãƒ³ã‚¯
JavaScript Garden
JavaScript Garden ã¯JavaScriptã¨ã„ã†ãƒ—ãƒã‚°ãƒ©ãƒ è¨€èªžã®ä¸€ç•ªå¥‡å¦™ãªéƒ¨åˆ†ã«ã¤ã„ã¦ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆé›†ã§ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯JavaScriptã¨ã„ã†è¨€èªžã«æ…£ã‚Œã¦ã„ãªã„ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ãŒã“ã®è¨€èªžã«ã¤ã„ã¦æ·±ãçŸ¥ã‚ã†ã¨ã™ã‚‹éš›ã«éé‡ã™ã‚‹ã€è‰¯ãã‚ã‚‹é–“é•ã„ãƒ»å°ã•ãªãƒã‚°ãƒ»ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œãƒ»æ‚ªã„ç¿’æ…£ãªã©ã‚’é¿ã‘ã‚‹ç‚ºã®ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã‚’ä¸Žãˆã¾ã™ã€‚ JavaScript Gardenã¯JavaScriptã‚’æ•™ãˆã‚‹äº‹ã‚’ç›®çš„ã«ã—ã¦ã„ã¾ã›ã‚“ã€‚ã“ã®ã‚¬ã‚¤ãƒ‰ã®é …ç›®ã‚’ç†è§£ã™ã‚‹ç‚ºã«ã¯ã€ã“ã®è¨€èªžã«å¯¾ã™ã‚‹å‰æçŸ¥è˜ãŒã‚ã‚‹äº‹ã‚’æŽ¨å¥¨ã—ã¾ã™ã€‚ã“ã®è¨€èªžã®åŸºç¤Žéƒ¨åˆ†ã«ã¤ã„ã¦ã¯Mozilla Developer Networkã®ã‚¬ã‚¤ãƒ‰ ãŒã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ã€‚ è‘—è€… ã“ã®ã‚¬ã‚¤ãƒ‰ã¯æ„›ã™ã¹ãStack Overflowã®2äººã®ãƒ¦ãƒ¼ã‚¶ãƒ¼Ivo Wetzel (åŸ·ç†)ã¨Zhang Yi Jiang (ãƒ‡ã‚¶ã‚¤ãƒ³)ã«ã‚ˆã£ã¦ä½œã‚‰ã‚Œã¾ã—ãŸã€‚ è²¢çŒ®è€… è²¢çŒ®
hashimoya 2011/12/20
ãƒŠã‚¤ã‚¹å’Œè¨³ï¼

js

reference
ãƒªãƒ³ã‚¯
Opera News
Gaming, Opera GX Opera GX now lets you control every detail of your browser, with more customization options... November 20th, 2024 With the latest update, Opera GX now expands its modding features, giving you even more ways to completely transf orm your... Desktop Get Spotify Premium with Opera One R2â€™s new Music Player November 19th, 2024 Spotify becomes the default music player in Opera One R2.
hashimoya 2011/12/20
Modernizr

js

html5

css3
ãƒªãƒ³ã‚¯
æœ€è¿‘æµ·å¤–ã§æµè¡Œã‚Šã®Twitter,Facebook,Google+1,Analyticsã‚’ã¾ã¨ã‚ã‚‹éžåŒæœŸã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã¯ã¦ãªã‚’åŠ ãˆã¦ã¿ãŸ | ã‚†ã£ãã‚Šã¨â€¦
hashimoya 2011/12/07
å„ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚µãƒ¼ãƒ“ã‚¹ã‚’è‡ªãƒšãƒ¼ã‚¸ã«èªã¿è¾¼ã‚€éš›ã®ã€èªã¿è¾¼ã¿JSã®è¨˜è¿°ã‚’ã¾ã¨ã‚ã‚‹åŒ–

js

sns

facebook
ãƒªãƒ³ã‚¯
Highcharts - Interactive Charting Library for Developers
Our core library. Includes all standard chart types and more.
hashimoya 2011/11/22
JSã§ãƒãƒ£ãƒ¼ãƒˆã€‚å•†ç”¨ã¯æœ‰æ–™ã€IE6ã‹ã‚‰å¯¾å¿œã€‚

js

chart

jQuery
ãƒªãƒ³ã‚¯
Home - Yep-Nope
Recruiting top JavaScript developers in todayâ€™s competitive tech landscape is no easy feat. As the demand for skilled developers grows, companies are constantly seeking new ways to streamline the hiring...
hashimoya 2011/11/13
ã“ã‚Œã„ã„ãªã€‚

js

loader

polyfill
ãƒªãƒ³ã‚¯
asamuzaK.jp : IE9ã§ã‚‚text-shadowï¼ˆå†å…¬é–‹ï¼‰
textShadowForIE9ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ãªã©ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£é¢ã¸ã®é…æ…®ã‚’åŠ ãˆãŸæ–°ç‰ˆã«æ›¸ãç›´ã—ã¦å†åº¦å…¬é–‹ã§ã™ã€‚ ãƒ†ã‚¹ãƒˆã‚±ãƒ¼ã‚¹ ä»¥å‰ã«å…¬é–‹ã—ã¦ã„ãŸtextShadowForMSIEãªã©ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹æ–¹ã¯ã“ã®æ–°ç‰ˆã«å·®ã—æ›¿ãˆã¦ã„ãŸã ã‘ã¾ã™ã‚ˆã†å¼·ããŠé¡˜ã„ç”³ã—ä¸Šã’ã‚‹æ¬¡ç¬¬ã§ã™ã€‚ ä½¿ç”¨æ–¹æ³• CSSãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰text-shadowã®å€¤ã‚’è‡ªå‹•çš„ã«èªã¿è¾¼ã‚“ã§é©ç”¨ã•ã›ã¦ã„ã¾ã™ã®ã§åŸºæœ¬çš„ã«ä»¥ä¸‹ã®è¨å®šã‚’ã™ã‚‹ã ã‘ã§OKã§ã™ã€‚ ã¾ãŸã€æ‰‹å‹•ã§å€‹åˆ¥æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ã‚‚ã—ã¦ã„ã¾ã™ã€‚ï¼ˆå¾Œè¿°ï¼‰ ã‚½ãƒ¼ã‚¹ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆtextshadow.jsãªã©ï¼‰ã‚’ä½œæˆã—ã€HTMLã‹ã‚‰å¤–éƒ¨JavaScriptã¨ã—ã¦èªã¿è¾¼ã‚€ã€‚ ã¾ãŸã¯ã€æ—¢å˜ã®JavaScriptãƒ•ã‚¡ã‚¤ãƒ«ã«ã‚½ãƒ¼ã‚¹ã‚’ã‚³ãƒ”ãƒšã—ã¦è¿½åŠ ã€‚ ä»¥å‰ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‹ã‚‰ã®ä¸»ãªå¤‰æ›´ç‚¹ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã§ãƒ€ãƒ–ã£ã¦èªã¿ä¸Šã’ã‚‰ã‚Œãªã„ã‚ˆã†ã€å½±ã«ã¯WAI-ARIAã®aria
hashimoya 2011/10/21
IE7ï½ž9ã§text-shadowã‚’é©ç”¨ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚æ›´æ–°ã‚‚é »ç¹ã§ã€ãƒã‚°ç®‡æ‰€ãªã©è©³ç´°ã«ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã•ã‚Œã¦ã„ã‚‹ã®ã§åŠ©ã‹ã‚‹ã€‚

ie

css3

text-shadow

js
ãƒªãƒ³ã‚¯
IE6ã§yuga.jsï¼‹thickbox.jsã‚’SSLã‚µã‚¤ãƒˆã§ä½¿ç”¨ã™ã‚‹ã¨ã‚¨ãƒ©ãƒ¼ãŒå‡ºã‚‹
æ¦‚è¦ â–¶ Webã‚’åˆ¶ä½œã™ã‚‹ä¸Šã§çµæ§‹é¢å€’ãªã®ãŒInternet Explorerã®ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã§ã™ã€‚ã“ã®Internet Explorerã¯Microsoftè£½ã§OSã«æ¨™æº–ã§æè¼‰ã•ã‚Œã¦ã„ã‚‹å‰²ã«ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã‹ãªã‚Šå¤‰ãªå‹•ä½œã‚’ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã€å¤šãã®Webåˆ¶ä½œè€…ã®é ã‚’æ‚©ã¾ã›ã¦ã„ã¾ã™ã€‚ã¨ã¯ã„ã£ã¦ã‚‚Internet Explorerã®è©±ã¨è¨€ãˆã°ã€å¤šãã®å ´åˆã€Internet Explorer 6ã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™æœ¬ãƒšãƒ¼ã‚¸ã¯ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ Webã‚’åˆ¶ä½œã™ã‚‹ä¸Šã§çµæ§‹é¢å€’ãªã®ãŒInternet Explorerã®ãƒ–ãƒ©ã‚¦ã‚¶ã®æŒ™å‹•ã§ã™ã€‚ ã“ã®Internet Explorerã¯Microsoftè£½ã§OSã«æ¨™æº–ã§æè¼‰ã•ã‚Œã¦ã„ã‚‹å‰²ã«ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã‹ãªã‚Šå¤‰ãªå‹•ä½œã‚’ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã€å¤šãã®Webåˆ¶ä½œè€…ã®é ã‚’æ‚©ã¾ã›ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ã£ã¦ã‚‚Internet Explorerã®è©±ã¨è¨€ãˆã°
hashimoya 2011/10/14
ã€ŒSSLã§é–‹ã„ã¦ã„ã‚‹ç”»é¢ã«iframeã‚¿ã‚°ãŒã‚ã‚Šã€ãã®srcå±žæ€§ã«ä½•ã‚‚æŒ‡å®šã•ã‚Œã¦ã„ãªã„å ´åˆã«IEãŒã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¿è·ã•ã‚Œã¦ã„ã‚‹ã‹åˆ¤æ–ã§ããªã„ãŸã‚ã«ã€ç™ºç”Ÿã™ã‚‹ã‚ˆã†ã§ã™ã€‚ã€ãã¬ã¬ãƒ¼

ie6

js

ssl

error
ãƒªãƒ³ã‚¯
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8
Enhancing IE's selector engine Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations. JavaScript-knowledge: none Selectivizr works automatically so you don't need any JavaScript knowledge to use it â€” you won't even have to modify your style sheets. Just start
hashimoya 2011/10/13
js

ie

css
ãƒªãƒ³ã‚¯
Facebookã®JavaScript SDKã®ä¸‹å“ãªã‚³ãƒ¡ãƒ³ãƒˆãŒæ ¼å¥½è‰¯ã™ãŽã¦æƒšã‚ŒãŸä»¶ - kissrobberã®æ—¥è¨˜
https://github.com/facebook/connect-js/blob/master/src/core/content.js#L113 // Dear IE, screw you. Only works with the magical incantations. // Dear FF, screw you too. Needs src _after_ DOM insertion. // Dear Webkit, you're okay. Works either way. var guid = FB.guid(), â€¦ç¶šã è¦ªæ„›ãªã‚‹IEã¸ã€ æ»ãã€‚ è¬Žã®å‘ªæ–‡ã‚’ä½¿ã‚ãªã„ã¨å‹•ã‹ãªã„â€¦ è¦ªæ„›ãªã‚‹FFã¸ã€ ãŠå‰ã‚‚æ»ãã€‚ DOMæŒ¿å…¥å¾Œã«srcè¨å®šå¿…è¦ è¦ªæ„›ãªã‚‹Webkitã¸ã€ ãŠå‰ã¯ã„ã„ã ã‚ã†ã€‚ ã©ã£ã¡ã§ã‚‚å‹•ãã€‚
hashimoya 2011/09/13
ã‚¢ã‚°ãƒ¬ãƒƒã‚·ã¶

js

facebook

ãƒã‚¿
ãƒªãƒ³ã‚¯
IE6ã§:hoveræ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚’é©ç”¨ã™ã‚‹ãŸã‚ã®CSS : ãšã£ã¨å·¥äº‹ä¸
ãƒ–ãƒã‚°ãƒã‚¿ï¼šãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ãƒ–ãƒã‚°ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ã«å‚åŠ ä¸ï¼ ä»Šå›žã‚‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã£ãŸã¨ãã®å‰¯ç”£ç‰©ã§ã‚‚ã€‚ ã‚„ã‚„æ—¬ã‚’ã™ãŽãŸãƒã‚¿ã§ã™ã¿ã¾ã›ã‚“ãŒã€IE6ã§ã¯:hoveræ“¬ä¼¼ã‚¯ãƒ©ã‚¹ãŒaã‚¿ã‚°ã«ã—ã‹åŠ¹ã‹ãªã„ã®ã§ä»£æ›¿ç–ã‚’æŽ¢ã—ã¦ã¿ã¾ã—ãŸã€‚ IE6ã®ãŸã‚ã ã‘ã«JSã‚’è¨ç½®ã™ã‚‹ã®ã¯ã‚¹ãƒžãƒ¼ãƒˆã˜ã‚ƒãªã„ã—ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆå…±æœ‰ã§ã¯è¦å‘Šã‚‚å‡ºã‚‹ã—ã€ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹csshover.htcã¯è¨˜è¿°è‡ªä½“ãŒã‚¹ãƒžãƒ¼ãƒˆã§ã‚‚åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã©ã“ã‹ã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ãªãã¦ã¯ã„ã‘ãªã„ãªã©ã€é©å½“ãªã‚‚ã®ãŒè¦‹ã¤ã‹ã‚‰ãªã„ã¨ãã¯ã“ã‚“ãªæ„Ÿã˜ã«ã™ã‚‹ã¨è‰¯ã„ã‚ˆã†ã§ã™ã€‚ *html .target-element { behavior: expression( (function(el) { if(typeof(behavior_onMouseEnter) == 'undefined') { behavior_onMouseEnter = function() { this
hashimoya 2011/08/01
csshover.htcã‚’ä½¿ã‚ãªã„ã§JSã§IE6ã«hoverç–‘ä¼¼classã‚’é©ç”¨ã™ã‚‹ã€‚

js

ie6

hover
ãƒªãƒ³ã‚¯
å®Ÿè£…ãŒç°¡å˜ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ä½¿ã„å‹æ‰‹ã‚’å‘ä¸Šã•ã›ã‚‹JS 3ç¨®
Webå±‹ã®ç§ãŒãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ã„ã‚‹ã‚µã‚¤ãƒˆ65 | Webã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ãƒœãƒƒã‚¯ã‚¹ ã®ã€CSSã‚“ã¨ã“ã‚ã«ã¡ã‚ƒã£ã‹ã‚Šã€CSS HappyLife ZERO ãŒè¼‰ã£ã¦ã¦å¬‰ã—ã„ï¼žï¼œ ã•ã¦ã€ä»Šå›žã¯ãƒ•ã‚©ãƒ¼ãƒ ã§ã™ã€‚ ãŠå•åˆã‚ã›ãƒ•ã‚©ãƒ¼ãƒ ã¨ã‹è³‡æ–™è«‹æ±‚ãƒ•ã‚©ãƒ¼ãƒ ã¨ã‹ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã¯çµæ§‹ãªç¢ºçŽ‡ã§ä½•ã‚‰ã‹ã®ãƒ•ã‚©ãƒ¼ãƒ ãŒæœ‰ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ãƒ•ã‚©ãƒ¼ãƒ ã®ä½¿ã„å‹æ‰‹ã®è‰¯ã—æ‚ªã—ãŒã€ã¨ã¦ã‚‚é‡è¦ãªã®ã¯è¨€ã†ã¾ã§ã‚‚æœ‰ã‚Šã¾ã›ã‚“ã€‚ ã§ã‚‚ã¾ãã€ãƒ“ãƒŸãƒ§ãƒ¼ãªãƒ•ã‚©ãƒ¼ãƒ ãŒå¤šã„ã§ã™ã‚ˆãã€‚ æœ¬æ°—ã§ã‚„ã‚Šå‡ºã™ã¨ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã«æ‰‹ã‚’åŠ ãˆãŸã‚Šã—ã¦äº‘ã€…ã ã¨å¤§å¤‰ãªã®ã§ã€ã‚³ã‚¹ãƒˆãŒã‹ã‹ã‚‹ã¨ã‹ã§å‡ºæ¥ãªã„å ´åˆã‚‚æœ‰ã‚‹ã‹ã‚‚çŸ¥ã‚Œã¾ã›ã‚“ã€‚ ã—ã‹ã—ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§å‡ºæ¥ã‚‹ã“ã¨ã‚‚æœ‰ã‚‹ã®ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£…ã™ã‚‹éš›ã«ä½•äº‹ã‚‚ãªã‹ã£ãŸã‹ã®ã‚ˆã†ã«æ¥µã€…è‡ªç„¶ã¨ä½¿ã„å‹æ‰‹ãŒè‰¯ããªã‚‹ï¼ˆã ã‚ã†ï¼‰æ©Ÿèƒ½ã‚’ç››ã‚Šè¾¼ã‚“ã ã‚‰ã‚¹ãƒ†ã‚ã§ã™ã‚ˆãã€‚ãã£ã¨ã€‚ ã—ã‚Œã£ã¨ã‚³ãƒ¼ãƒ€ãƒ¼ãŒã€ãƒ•ã‚©ãƒ¼ãƒ ã«ä»Šå›žç´¹ä»‹ã™ã‚‹æ©Ÿèƒ½ã‚’å®Ÿè£…ã—ã¦ãŠã‘ã°ã€ŒãŠãƒ¼ï¼
hashimoya 2011/06/30
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å´ã‹ã‚‰ã®ã‚¢ãƒ—ãƒãƒ¼ãƒãŒã„ã‚ã„ã‚é¸æŠžè‚¢å¢—ãˆã‚‹ã¨ã„ã„ãªãã¨ã„ã†é¡˜ã„ã‚’ã“ã‚ã¤ã¤ã€3ç¨®ã®ç¥žå™¨ã¨ã„ã†ã¾ã¨ã‚ãŒãƒŠã‚¤ã‚¹ã§ã—

js

form
ãƒªãƒ³ã‚¯
Adapt.js - Adaptive CSS
What is this? Adapt.js is a lightweight (820 bytes minified) JavaScript file that determines which CSS file to load before the browser renders a page. If the browser tilts or resizes, Adapt.js simply checks its width, and serves only the CSS that is needed, when it is needed. A potential drawback of Adapt.js is the possibility of a brief flash of unstyled content as a new stylesheet is being fetch
hashimoya 2011/04/26
ç”»é¢ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦èªã¿è¾¼ã‚€CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€‚Media Queryã®JSç‰ˆã€‚

mediaquery

js
ãƒªãƒ³ã‚¯
GitHub - mozilla/popcorn-js: The HTML5 Media Framework. (Unmaintained. See https://github.com/menismu/popcorn-js for activity)
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
hashimoya 2011/03/02
å‹•ç”»ã‚’åˆ¥ãƒ‘ãƒ¼ãƒ„ã¨é€£å‹•ã•ã›ãªãŒã‚‰å†ç”Ÿã™ã‚‹JSã¿ãŸã„ã€‚ä¾‹ï¼‰å‹•ç”»ã®xç§’ï½žyç§’ã¾ã§googlemapã®ã‚ã‚‹åœ°ç‚¹ã‚’è¡¨ç¤ºã™ã‚‹ã€ã¨ã‹

video

html5

js
ãƒªãƒ³ã‚¯
CssUserAgent (cssua.js)
.css{user:agent;} Avoid CSS hacks! Use cssua.js to apply special CSS classes to your pages allowing you to use valid CSS to work around browser-specific quirks. Read moreâ€¦
hashimoya 2011/01/06
js
ãƒªãƒ³ã‚¯
[Fireworks] ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸€æ‹¬ã—ã¦æŒ‡å®šã€‚ä»»æ„ã®å¹…ãƒ»é«˜ã•ä»¥å†…ã«ãƒªã‚µã‚¤ã‚ºã™ã‚‹jsf Â« ãã‚“ãã¾ãƒ‡ã‚¶ã‚¤ãƒ³
ã“ã‚“ã«ã¡ã¯ã€‚ãã‚“ãã¾ã§ã™ã€‚ ã²ã•ã³ã•ã®Fireworksãƒã‚¿ã§ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä¸Šæ›¸ãã™ã‚‹ã®ã§æ³¨æ„ãŒå¿…è¦ã§ã™ã€‚FireworksCS4ã§å‹•ä½œç¢ºèªã—ã¦ã‚ã‚Šã¾ã™ã€‚ ï¼‘ã€€ãƒ•ã‚©ãƒ«ãƒ€ã‚’æŒ‡å®š ï¼’ã€€æŒ‡å®šã®å¹…ãƒ»é«˜ã•ä»¥å†…ã«ç”»åƒãŒãŠã•ã¾ã‚‹ã‚ˆã†ã«ãƒªã‚µã‚¤ã‚º ï¼“ã€€ä¸Šæ›¸ãä¿å˜ ï¼”ã€€ï¼’ã€ï¼“ã‚’çµ‚ã‚ã‚‹ã¾ã§ç¹°ã‚Šè¿”ã— è‡ªåˆ†ã§ã»ã—ã„ã»ã—ã„ã¨æ€ã£ã¦ã¦ã€ä½œã‚‹æ©Ÿä¼šã‚‚ãªã‹ã£ãŸã‚“ã§ã™ãŒä¹…ã—ã¶ã‚Šã«åŒã˜ã“ã¨ã‚’ã™ã‚‹ãŸã‚ å¿…è¦ã«ãªã£ãŸã®ã§ã¤ãã‚Šã¾ã—ãŸã€‚æœ¬å½“ã¯Photoshopç‰ˆãŒã»ã—ã‹ã£ãŸã‚“ã§ã™ã‘ã©ãã€‚jsxè¦šãˆãŸã„ãªã€‚ ä½¿ã„æ–¹ã¨ã—ã¦ã¯ã€æ‹™ä½œjsfEditã‚’ä½¿ã†ã¨ã™ã”ãç°¡å˜ãªã‚“ã§ã™ãŒã€ã‚ã–ã‚ã–ã„ã‚ŒãŸããªã„ã‚ˆã¨ã„ã†äººã®ãŸã‚ã«ã€‚â†’FlashçµŒç”±ã§å¤§é‡ã®ãƒãƒƒãƒå‡¦ç†ã‚’ã—ãŸã¨ã“ã‚ãƒ¡ãƒ¢ãƒªã®è§£æ”¾ãŒã†ã¾ãã„ã‹ãªã„ã¿ãŸã„ã§ã€å›ºã¾ã£ã¦ã—ã¾ã†ã“ã¨ãŒåˆ¤æ˜Žã—ã¾ã—ãŸã€‚ã“ã®ãƒãƒƒãƒã¯jsfã‚’ãã®ã¾ã¾å®Ÿè¡Œã—ãªã„ã¨ãƒ€ãƒ¡ã¿ãŸã„ã§ã™ã€ã€ã€‚ ï¼‘ã€€ä¸‹ã®ã‚½ãƒ¼ã‚¹ã‚’ã‚³ãƒ”ãƒ¼ã™ã‚‹ã‹ã€ã“ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦
hashimoya 2010/12/13
ä¸€æ‹¬å‡¦ç†ç³»ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚FWç³»ã¯ã‚ã¾ã‚Šè¦‹ã‹ã‘ãªã„ã®ã§ä¾¿åˆ©

fireworks

js
ãƒªãƒ³ã‚¯
Flash Helper Scriptsï¼šJavaScriptã§ã€ŒFlashï¼‹Photoshopã€é€£æºã‚’ãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ï¼ | ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚»ãƒ³ã‚¿ãƒ¼
è¥¿ç”° å–„å½¦æ° storage.goodmix æœ¬è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ã„ã‚‹ã€ŒFlash Helper Scriptsã€ã¯ã€Flash/ActionScripté–‹ç™ºã®ãŸã‚ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã€ŒSpark projectã€ã«ã¦å…±æœ‰ãƒ»æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚Spark projectã§ã¯ã€ãã®ä»–ã«ã‚‚ã•ã¾ã–ã¾ãªç”¨é€”ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ãœã²ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ Flashã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«ã€ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ãƒ¼ãƒ„ã‚’Photoshopã§ä½œæˆã—ã€ãã‚Œã‚’Flashã«èªã¿è¾¼ã‚“ã§ã‚ªãƒ¼ã‚µãƒªãƒ³ã‚°ã—ã¦ã„ã‚‹äººã‚‚å¤šã„ã§ã—ã‚‡ã†ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã¨ã¨ã‚‚ã«ã€Flashã¨Photoshopã®é€£æºã¯å¼·åŒ–ã•ã‚Œã¦ã¯ã„ã‚‹ã‚‚ã®ã®ã€ç¾çŠ¶ã®æ©Ÿèƒ½ã ã¨ç‰©è¶³ã‚Šãªã•ã‚’æ„Ÿã˜ã¦ã„ã‚‹äººã¯ã„ã¾ã›ã‚“ã‹ï¼Ÿã€€æœ¬è¨˜äº‹ã§ã¯ã€Flashã¨Photoshopã®é€£æºã‚’ã‚‚ã£ã¨ã‚¹ãƒ ãƒ¼ã‚ºã«ã€ã‚‚ã£ã¨ä¾¿åˆ©ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆé›†ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
hashimoya 2010/12/02
ã“ã£ã¡ã¯è©³ç´°ãªè§£èª¬ã¤ãã€‚è¤‡é›‘ãªéšŽå±¤ã«ãªã£ã¦ã‚‹PSDãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¹ãƒ©ã‚¤ã‚¹æ™‚ã«å¨åŠ›ã‚’ç™ºæ®ã™ã‚‹ã€‚

photoshop

js
ãƒªãƒ³ã‚¯
footerã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.jsã€
footerã‚’ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ã€ŽfooterFixed.jsã€ footeréƒ¨åˆ†ã‚’ç”»é¢ä¸‹éƒ¨ã«å›ºå®šã™ã‚‹ãŸã‚ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽfooterFixed.jsã€ã‚’ä½œæˆã—ã¾ã—ãŸã€‚ ãƒ•ãƒƒã‚¿ãƒ¼ã‚’ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å†…å®¹é‡ã«ã‹ã‹ã‚ã‚‰ãšwindowä¸‹éƒ¨ã«è¡¨ç¤ºã•ã›ã‚‹ãŸã‚ã®jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« è¨ç½®æ–¹æ³•ã¯ headè¦ç´ ãªã®ã§footerFixed.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src="./footerFixed.js"></script> ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ä¸‹éƒ¨ã«å›ºå®šã—ãŸã„è¦ç´ ã«idå±žæ€§ã€Œfooterã€ã‚’ä»˜ã‘ã¾ã™ã€‚ ã“ã‚Œã§ãã®è¦ç´ ã‚’ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã«è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ (ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã¨ã„ã†ã®ãŒã‚ã‹ã‚Šã«ãã„ã¨æ€ã†ã®ã§ã™ãŒã€å†…å®¹é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’è¶…ãˆã‚‹å ´åˆã¯é€šå¸¸é€šã‚Šã€å†…å®¹é‡ãŒã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚ˆã‚Šå°ã•ã„å ´åˆã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ä¸‹éƒ¨ã«é…ç½®ã¨ã„ã†æ„å‘³ã§ã™
hashimoya 2010/09/24
JSã§è§£æ±ºã€‚CSSãªã‚‰CSS Sticky FooterãŒæœ‰åã ã‘ã©ã‚‚ã€æ§‹é€ ä¸Šãã³ã—ã„æ™‚ã¨ã‹ã‚‚ã‚ã‚‹ã®ã§ã„ã‚ã„ã‚æ¤œè¨Žã—ãŸã„ã€‚

js

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