[B! HTML][firefox] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

HTMLã¨firefoxã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

jQuery ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã™ã‚‹ã‚µã‚¤ã‚ºã‚„ä½ç½®æƒ…å ±ã‚’å–å¾—ã—ã¦ã¿ã‚‹ - Cyokodog :: Diary
æ›´æ–°å±¥æ´ 2010-01-21 æœ¬ã‚¨ãƒ³ãƒˆãƒªã®å†…å®¹ã‚‚å«ã‚ãŸæœ€æ–°ã®æƒ…å ±ã¯ä¸‹è¨˜ã‚¨ãƒ³ãƒˆãƒªã‚’ã”å‚ç…§ãã ã•ã„ã€‚ jQuery ã®ä½ç½®ãƒ»ã‚µã‚¤ã‚ºé–¢é€£ãƒ¡ã‚½ãƒƒãƒ‰ã¾ã¨ã‚ - Cyokodog::Diary å‰å›žã€å‰ã€…å›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã‚’ä¾‹ã«ã‚µã‚¤ã‚ºã‚„ä½ç½®ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ãªã©ã®æ±‚ã‚æ–¹ã«ã¤ã„ã¦æ›¸ãã¾ã—ãŸãŒã€å®Ÿéš›ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å®Ÿè£…ã«ãŠã„ã¦ã“ã‚Œã‚‰ã®æƒ…å ±ãŒå¿…è¦ã«ãªã‚‹ã®ã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã«å¯¾ã—ã¦ã¨ã„ã†ã“ã¨ãŒå¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ãªã©ã®æ©Ÿèƒ½ã§ã€ç”»é¢ã®ç«¯ã®è¦ç´ ã‚’ hover ã—ãŸæ™‚ã€ãƒãƒƒãƒ—ã‚¢ãƒƒãƒ—ãŒãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸå†…ã«åŽã¾ã‚‹ã‚ˆã†ã«è¡¨ç¤ºä½ç½®ã‚’èª¿æ•´ã™ã‚‹ã‚ˆã†ãªå ´åˆã«ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã®ã‚µã‚¤ã‚ºã‚„ã‚¹ã‚¯ãƒãƒ¼ãƒ«é‡ãªã©ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ jQuery ã§ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚’ã¤ã‹ã‚€æ–¹æ³• ãƒ–ãƒ©ã‚¦ã‚¶ã®è¡¨ç¤ºé ˜åŸŸã‚’ jQuery ã§ã¤ã‹ã‚€ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªè¨˜è¿°ã§ã§ããã†ã§ã™ã€‚ $('html') $(window) $(
ihok 2017/09/29
document

firefox

jQuery

javascript

ã‚µã‚¤ã‚º

ãƒ–ãƒ©ã‚¦ã‚¶

tips

HTML
ãƒªãƒ³ã‚¯
CSSãƒªã‚»ãƒƒãƒˆã¯ã“ã‚Œã§æ±ºã¾ã‚Šï¼ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã‚‹ç›¸é•ã‚’å¸åŽã™ã‚‹ã‚ˆã†ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -ress
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã«ç•°ãªã‚‹HTMLã®å„è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒ«ã®ç›¸é•ã‚’å¸åŽã—ã€å„è¦ç´ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒå®šç¾©ã•ã‚ŒãŸCSSãƒªã‚»ãƒƒãƒˆç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ normalize.cssã‚’æœ€è¿‘ã®Webåˆ¶ä½œã«ã‚ã†ã‚ˆã†ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã•ã‚ŒãŸã‚‚ã®ã§ã€å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã™ã¹ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã€IEã¯8+å¯¾å¿œã§ã™ã€‚ ress -GitHub å‚è€ƒ: normalize.cssã®ç‰¹å¾´ã¨ã‚³ãƒ¼ãƒ‰ 2015å¹´ã€Webåˆ¶ä½œè€…ãŒæŠ¼ã•ãˆã¦ãŠããŸã„CSSã®å„ç¨®ãƒªã‚»ãƒƒãƒˆ ressã®ç‰¹å¾´ ress: html, ã‚°ãƒãƒ¼ãƒãƒ«ã‚»ãƒ¬ã‚¯ã‚¿ã®å®šç¾© ress: ä¸€èˆ¬çš„ãªè¦ç´ ã®å®šç¾© ress: ãƒ•ã‚©ãƒ¼ãƒ è¦ç´ ã®å®šç¾© ress: ãƒ¡ãƒ‡ã‚£ã‚¢è¦ç´ ã®å®šç¾© ress: ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ç”¨ã®å®šç¾© ress: ::selectionã®å®šç¾© ressã®ç‰¹å¾´ ressã¯ã€Œnormalize.cssã€ã‚’ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ãŸã‚‚ã®ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å§‹ã‚ã‚‹æ™‚ã®ã—ã£ã‹ã‚Šã—ãŸãƒ™ãƒ¼ã‚¹ãª
ihok 2016/07/04
css

firefox

Html

bookmark

ãƒªã‚»ãƒƒãƒˆCSS

webåˆ¶ä½œ

normalize.css

reset
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¯ã‚»ãƒ³ã‚µãƒ¼ã®å¡Šï¼ ãŸã£ãŸæ•°è¡Œã®HTML5ã¨JSã§æ‰±ãˆã‚‹ã‚»ãƒ³ã‚µãƒ¼ã¾ã¨ã‚(ãƒ‡ãƒ¢ãƒ»å‹•ç”»ã‚ã‚Š) â€“ ICS MEDIA
ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å¯æ„›ã„ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’å®Ÿç¾ï¼TensorFlow.jsã‚’ä½¿ã£ãŸãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ é¡”èªè˜ 7æœˆ9æ—¥å…¬é–‹å²©é–“ æ—¥èœâ™¥ 18
ihok 2016/02/01
HTML5

GPS

Html

api

javascript

firefox

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ã‚»ãƒ³ã‚µãƒ¼
ãƒªãƒ³ã‚¯
Kazuho's Weblog: ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®æç”» (first-paint) ã¾ã§ã®æ™‚é–“ã‚’æ¸¬å®šã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ãŸä»¶ã€ã‚‚ã—ãã¯HTTP2æ™‚ä»£ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©±
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®æç”» (first-paint) ã¾ã§ã®æ™‚é–“ã‚’æ¸¬å®šã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ãŸä»¶ã€ã‚‚ã—ãã¯HTTP2æ™‚ä»£ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã®è©± ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã¾ã§ã«ã‹ã‹ã‚‹æ™‚é–“ã‚’ã„ã‹ã«çŸãã™ã‚‹ã‹ã£ã¦ã®ã¯ã€å„²ã‹ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§é¿ã‘ã¦é€šã‚Œãªã„ã€ã¨ã¦ã‚‚é‡è¦ãªè¦ç´ ã§ã™ã€‚ å°‘ã—å¤ã„ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦ã¯ã€ãŸã¨ãˆã°ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºãŒ500ãƒŸãƒªç§’é…ããªã‚‹ã¨åºƒå‘Šå£²ä¸ŠãŒ1.2%ä½Žä¸‹ã™ã‚‹ã¨ã„ã†Bingã®ä¾‹ãªã‚“ã‹ã‚‚çŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ã‚ã‘ã§ã™ã€‚ ã€Œã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã¾ã§ã«ã‹ã‹ã‚‹æ™‚é–“ã€ã¨è¨€ã£ãŸå ´åˆã€å®Ÿéš›ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªã„ãã¤ã‹ã®ãƒ¡ãƒˆãƒªãƒƒã‚¯ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆ æ„å‘³
ihok 2015/10/01
http

api

Html

firefox

http2

github

Chrome

benchmark

performance

web
ãƒªãƒ³ã‚¯
[CSS]CSS3 Transitionsã‚’ä½¿ç”¨ã—ã¦ã€ãƒ›ãƒãƒ¼æ™‚ã«ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
aè¦ç´ ã«ä½™ç™½ã‚’paddingã§è¨å®šã—ã€ã‚«ãƒ©ãƒ¼ã‚’æŒ‡å®šã—ã¾ã™ã€‚ a.foo { padding: 5px 10px; background: #9c3; } a.foo:hover { background: #690; } [ad#ad-2] ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ CSS3 Transitionsã‚’ä½¿ç”¨ã—ã¦ã€ãµã‚ã£ã¨ç¹Šç´°ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹ä½œæˆï¼‰ è¿½åŠ ã™ã‚‹ã®ã¯ã€L4-7ã§ã™ã€‚ â€»ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã¯paddingãªã©ã®å€¤ã‚’è‹¥å¹²å¤‰æ›´ã—ã¦ã„ã¾ã™ã€‚ a.foo { padding: 5px 10px; background: #9c3; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: al
ihok 2015/05/28
CSS3

css

firefox

Html

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

JavaScript

webåˆ¶ä½œ

TIPS

webdesign

ãƒœã‚¿ãƒ³
ãƒªãƒ³ã‚¯
1