[B! Opera] chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

chokuchoko id:chokuchoko

Operaã«é–¢ã™ã‚‹chokuchokoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
chokuchoko 2013/06/19
WordPress

themes

Opera

google

FireFox

web

business
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸ã«ç¾Žã—ã„ã‚·ãƒ£ãƒ‰ã‚¦ã‚’åŠ ãˆã€å¥¥è¡Œãã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Depth | ã‚³ãƒªã‚¹
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šæž ã®ã™ãä¸‹ã€ãƒšãƒ¼ã‚¸ã®ä¸Šéƒ¨ã«ã€ã„ã„æ„Ÿã˜ã®ã‚·ãƒ£ãƒ‰ã‚¦ã‚’åŠ ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chrome, Safari, Firefox, Operaã§ã”è¦§ãã ã•ã„ã€IEã¯9+ã§ã€‚ Depth å®Ÿè£…ã¯ç°¡å˜ã§ã€HTMLã¯ç‰¹ã«å¤‰æ›´ã™ã‚‹ã“ã¨ãªãã€ä¸‹è¨˜ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’åŠ ãˆã‚‹ã ã‘ã§ã™ã€‚ position: fixed;ãªã®ã§ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã‚·ãƒ£ãƒ‰ã‚¦ãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã¾ã™ã€‚ body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box
chokuchoko 2013/02/20
safari

Opera

position

WebKit

FireFox

webãƒ‡ã‚¶ã‚¤ãƒ³

CSS3
ãƒªãƒ³ã‚¯
CSSã®å°æ•°ç‚¹ä»¥ä¸‹ã®æ•°å€¤ã‚’å„ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã®ã‚ˆã†ã«è§£é‡ˆã™ã‚‹ã‹
CSSã§å°æ•°ç‚¹ä»¥ä¸‹ã‚’æŒ‡å®šã§ãã‚‹å˜ä½ã§ã€å°æ•°ç‚¹ä»¥ä¸‹ã®æ•°å€¤ã®æ‰±ã„ãŒãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ç•°ãªã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ã€å˜ä½åˆ¥ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èª¿æŸ»æ™‚ã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã™ãŒã€Internet Explorer 9 & 10 (Windows 7), Firefox 17, Chrome 25 dev-m, Opera 12.10ã¨ãªã£ã¦ã„ã¾ã™ã€‚èª¿æŸ»ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ä»˜å±žã®èª¿æŸ»ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã„ã¾ã—ãŸã€‚ è¡¨ãŒè¦‹ã¥ã‚‰ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€æˆ‘æ…¢ã—ã¦ãã ã•ã„ã€‚ ãªãŠã€ã“ã‚Œã¯ã©ã†ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã•ã‚Œã‚‹ã‹ãªã©ã¯è€ƒæ…®ã—ã¦ã„ã¾ã›ã‚“ã€‚ ãã®æŒ‡å®šãŒã©ã†è§£é‡ˆã•ã‚Œã‚‹ã‹ã ã‘ã‚’èª¿ã¹ãŸã‚‚ã®ã§ã™ã€‚ æŒ‡å®šã—ãŸå€¤ã«ã¤ã„ã¦ã§ã™ãŒã€ä½†ã—æ›¸ããŒãªã„å ´åˆã¯1.5555555555ã§ã™ã€‚ Percentageãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’ãƒ‘ãƒ¼ã‚»ãƒ³ãƒ†ãƒ¼ã‚¸æŒ‡å®šã€‚
chokuchoko 2012/11/21
ãƒ–ãƒ©ã‚¦ã‚¶

Opera

css
ãƒªãƒ³ã‚¯
å˜ç´”ã ã‘ã©ç°¡å˜ãªèƒŒæ™¯ç”»åƒã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚’å®Ÿç¾ã™ã‚‹jQueryã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ | WebÂ Mugen
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§èƒŒæ™¯ç”»åƒãŒã‚ºãƒ¬ã‚‹ã‚„ã¤ã‚’åˆ¶ä½œã—ã¾ã—ãŸã€‚ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã¨ã‹è¨€ã†ã‚„ã¤ã§ã™ãã€‚ã¾ã‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã”ã¨ã®èƒŒæ™¯ãŒã‚ºãƒ¬ã‚‹ã ã‘ãªã®ã§ã€è¦–å·®ã¨å‘¼ã¹ã‚‹ã‹ã¯å¾®å¦™ã§ã™ã‘ã‚Œã©ã€ä»–ã®ã‚’ã¿ã‚‹ã¨ãã†å‘¼ã‚“ã§ã‚‚ã„ã„æ„Ÿã˜ã§ã™ãã€‚ ã¨ã‚Šã‚ãˆãšä»Šå›žã®ã‚¦ãƒªã¯ã‚¿ã‚¤ãƒˆãƒ«é€šã‚Šå˜ç´”ã ã‘ã©ç°¡å˜ã£ã¦ã¨ã“ã‚ã§ã™ã€‚ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã™ã‚‹è¦ç´ ã‚’ã¾ã¨ã‚ã¦æŒ‡å®šã™ã‚‹ã ã‘ã§OKã€‚ã‚ã¨ã¯å‹•ãã®é‡ã‚’èª¿æ•´ã—ãŸã‘ã‚Œã°ã™ã‚‹ä½ã§ã™ã€‚ã¾ã‚ã€å¤§ã—ãŸãƒ¢ãƒŽã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ã‚‚ã†æ–°ã—ã„ã£ã¦ç¨‹ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€ãƒãƒ§ãƒƒãƒˆè©¦ã—ã¦ã¿ã‚ˆã†ã‹ãªã£ã¦æ€ã£ã¦ã‚‹æ–¹ã«ã¯ã‚¤ã‚¤ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Demo å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ« jquery.js å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox Internet Explorer7ï½ž Opera â€»Windowsã®ã¿ã®ç¢ºèªã§ã™ã€‚ã¾ãŸã€Internet Explorerä»¥å¤–ã¯è¨˜äº‹æŠ•ç¨¿æ™‚ã®æœ€æ–°ç‰ˆã‚’å¯¾è±¡ã«ã—ãŸç¢ºèªã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼†è¨å®š HT
chokuchoko 2012/08/06
background-image

HTML

class

jQuery

image

demo

Opera

js

jQuery
ãƒªãƒ³ã‚¯
ã€ã»ã¼ç¶²ç¾…ã€‘CSS3ã ã‘ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹æ–¹æ³•ã®ã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€æ©‹æœ¬ã§ã™ã€‚ ä»Šæ—¥ã¯å‚™å¿˜éŒ²ãŒã¦ã‚‰ã€CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ iOSç«¯æœ«ã§FlashãŒå‹•ä½œã—ãªã„ã“ã¨ã‹ã‚‰ã€ä»Šå¾ŒCSS3ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹å ´é¢ã¯å¢—ãˆã¦ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªã¨ãã«ã“ã®è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ã‚‚ã‚‰ãˆã‚‹ã¨å¹¸ã„ã§ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã«è¨˜è¼‰ã•ã‚Œã¦ã„ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã§ã™ãŒã€Safariã€ã‚‚ã—ãã¯Chromeã§å‹•ä½œã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ IEã€Firefoxã€Operaãªã©ã®ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯å¯¾è±¡å¤–ã§ã™ã€‚ ï¼ˆãªãœãªã‚‰ã€ãƒ™ãƒ³ãƒ€ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’æ›¸ãã®ãŒã‚ã‚“ã©ãã•ã‹ã£ãŸã‹ã‚‰ã§ã™ã€‚ï¼‰ æ—©é€Ÿã§ã™ãŒã€CSS3ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã¯ã€ä»¥ä¸‹ã®ï¼’ã¤ã®æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ 1. transitionãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®šç¾©ã™ã‚‹ 2. animationãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®šç¾©ã™ã‚‹ ã¾ãŸã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®šç¾©ã™ã‚‹éš›ã«ã¯ã€é€šå¸¸ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«åŠ ãˆã¦tran
chokuchoko 2012/08/06
CSS3

transform

Opera

html5

animation

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

css
ãƒªãƒ³ã‚¯
jQueryã§ãƒšãƒ¼ã‚¸æœ€ä¸Šéƒ¨ã¸ã®ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ç„¡ã—ã§å®Ÿè£…ã™ã‚‹æ–¹æ³•
jQueryã¯æ§˜ã€…ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒç„¡æ–™ã§å…¬é–‹ãƒ»é…å¸ƒã•ã‚Œã¦ã„ã¦ã€JavaScriptã«å¯¾ã™ã‚‹çŸ¥è˜ãŒå…¨ãç„¡ãã¦ã‚‚ã€ãã‚Œã‚‰ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å°Žå…¥ã™ã‚‹ã ã‘ã§ã‚„ã‚ŠãŸã„ã‚³ãƒˆãŒå‡ºæ¥ã¦ã—ã¾ã„ã¾ã™ã€‚ è‡ªåˆ†ã‚‚ãã‚“ãªæ©æµã«ä¸Žã‚Šã¾ãã£ã¦ã‚‹å´ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ã¨ã¯ã„ãˆä½™ã‚Šã«ã‚‚äº›ç´°ãªæŒ™å‹•ã«ã¾ã§ãƒ—ãƒ©ã‚°ã‚¤ãƒ³é ¼ã¿ã«ã™ã‚‹ã®ã‚‚ã€ãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°å¢—ãˆã‚‹ã—ç®¡ç†ç¯„å›²ã‚‚å¢—ãˆã‚‹ã—ã€ã‚ã‚“ã¾ã‚¤ã‚¤ã‚³ãƒˆã‚ã‚Šã¾ã›ã‚“ã€‚ ä¾‹ãˆã°ã€ã€Œãƒšãƒ¼ã‚¸ã®ãƒˆãƒƒãƒ—ã«æˆ»ã‚‹ã€ã¿ãŸã„ãªãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨ã€ãã®ãƒšãƒ¼ã‚¸ã®æœ€ä¸Šéƒ¨ã«ã‚¹ãƒ«ã‚¹ãƒ«ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã€ã¿ãŸã„ãªæŒ™å‹•ã‚’å®Ÿè£…ã—ãŸã„å ´åˆã€ã‚‚ã¡ã‚ã‚“å°‚ç”¨ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã‚“ã‹ã‚‚ã‚ã‚Šã¾ã™ãŒã€ã‚³ãƒ¬ãªã‚“ã‹ã¯ç‰¹æ®µã®ã“ã ã‚ã‚Šï¼ˆåŠ é€Ÿæ„ŸãŒæ¬²ã—ã„ã¨ã‹ï¼‰ãŒãªã„ãªã‚‰ã€ä»Šå›žã”ç´¹ä»‹ã™ã‚‹æ–¹æ³•ã®ã‚ˆã†ã«jQueryå˜ä½“ã§å®Œçµã•ã›ã¡ã‚ƒã„ã¾ã—ã‚‡ãƒ¼ï¼ ãƒšãƒ¼ã‚¸æœ€ä¸Šéƒ¨ã¸ã®ã‚¹ãƒ ãƒ¼ã‚ºã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’å®Ÿè£…ã™ã‚‹jQueryã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ã‚³ãƒ¬ã€jQuery1.3ä»¥é™ã¯éžæŽ¨å¥¨ãªã€Œ$.brouserã€ã¨ã„ã†ã®ã‚’
chokuchoko 2012/08/02
HTML

jQuery

jQuery

safari

Opera
ãƒªãƒ³ã‚¯
1