[B! CSS] SHA-320ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

SHA-320 id:SHA-320

CSSã«é–¢ã™ã‚‹SHA-320ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

ä»¤å’Œã®HTML / CSS / JavaScriptã®æ›¸ãæ–¹50é¸
Webåˆ¶ä½œã®æŠ€è¡“ã¯æ—¥ã€…é€²åŒ–ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ã¯æ˜¨ä»Šã®ç’°å¢ƒã«é©ã•ãªã„æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚æ™‚æŠ˜è¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Œ2024å¹´ã®Webåˆ¶ä½œã§ã¯ã“ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã»ã—ã„ï¼ã€ã¨ã„ã†å†…å®¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ è³ªã‚ˆã‚Šé‡ã§ã€ã¾ãšã¯ã€Œã“ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚“ã ã€ã‚’ã“ã®è¨˜äº‹ã§ä¼ãˆãŸã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã¯ã‚ã¾ã‚Šè§£èª¬ã—ã¦ã„ã¾ã›ã‚“ã€‚ãªã®ã§ã€å…·ä½“çš„ãªä»•æ§˜ãªã©ã‚’ç¢ºèªã—ãŸã„æ–¹ã¯å‚è€ƒè¨˜äº‹ã‚’èªã‚“ã ã‚Šã”è‡ªèº«ã§èª¿ã¹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 1. HTML ç”»åƒå‘¨ã‚Šã¯ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ç›´çµã™ã‚‹ã®ã§ã€ã¾ãšã¯ãã“ã ã‘ã§ã‚‚å–ã‚Šå…¥ã‚Œã¦ã„ãŸã ããŸã„ã§ã™ã€‚ã¾ãŸã€ã‚³ã‚¢ã‚¦ã‚§ãƒ–ãƒã‚¤ã‚¿ãƒ«ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚‚ä½µã›ã¦ç†è§£ã—ã¦ãŠããŸã„å†…å®¹ã§ã™ã€‚ Lazy loading <img>ã«loading="lazy"å±žæ€§ã‚’ä»˜ã‘ã‚‹ã¨ç”»åƒãŒé…å»¶èªã¿è¾¼ã¿ã«ãªã‚Šã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ãŒæ—©ããªã‚Šã¾ã™ã€‚
SHA-320 2024/05/14
CSS

html

javascript

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒªãƒ³ã‚¯/ãƒœã‚¿ãƒ³/ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚ˆã‚Šè‰¯ãã™ã‚‹HTMLãƒ»CSS 17é¸ - ICS MEDIA
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆåˆ¶ä½œã«ãŠã„ã¦è¦‹ãŸç›®ãŒãã¡ã‚“ã¨å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã®ã¯å¤§äº‹ãªã“ã¨ã§ã™ãŒã€ã‚³ãƒ¼ãƒ‰ã®ã¡ã‚‡ã£ã¨ã—ãŸé•ã„ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä¸ä¾¿ã«ã¤ãªãŒã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚æœ¬è¨˜äº‹ã§ã¯è¦‹ãŸç›®ã ã‘ã§ãªããƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½¿ã„å‹æ‰‹ã«ã‚‚æ°—ã‚’ã¤ã‘ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã¾ã™ã€‚ä»Šå›žã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç‰¹ã«ä½¿ã„å¿ƒåœ°ã‚’æ„Ÿã˜ã‚„ã™ã„ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³éƒ¨åˆ†ã§ã€ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLãƒ»CSSã ã‘ã§ã‚ˆã‚Šè‰¯ãã§ãã‚‹17å€‹ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸‹è¨˜ã‚µãƒ³ãƒ—ãƒ«ã§NGä¾‹ã¨ã‚ˆã„ä¾‹ã®ä¸¡æ–¹ã‚’ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«é•ã„ã«è§¦ã‚ŒãªãŒã‚‰æœ¬è¨˜äº‹ã‚’èªã‚€ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚’åˆ¥ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã§é–‹ã ã‚³ãƒ¼ãƒ‰ã‚’ç¢ºèªã™ã‚‹ 1. divã‚¿ã‚°ã‚’ãƒœã‚¿ãƒ³ã«ã™ã‚‹ã®ã¯é¿ã‘ã‚ˆã† è¦‹ãŸç›®ã¯ãƒœã‚¿ãƒ³ã®ã‚ˆã†ã§ã‚‚ã€<div>è¦ç´ ã§å®Ÿè£…ã—ãŸãƒœã‚¿ãƒ³ã¯ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã®è¦³ç‚¹ã‹ã‚‰ã‚‚ã‚ˆãã‚ã‚Šã¾ã›ã‚“ã€‚ãƒœã‚¿ãƒ³ã¨ã—ã¦ã®æ©Ÿèƒ½ã‚’æŒã¤ãªã‚‰<button>è¦ç´ ã‚’ç”¨ã„ã‚‹ã®ãŒå¤šãã®å ´é¢ã§ã‚‚æœ‰åŠ¹ã§ã™ã€‚ã‚‚ã—ã€è«¸äº‹æƒ…ã§<div>è¦ç´ ã‚’ç”¨
SHA-320 2023/04/28
html

CSS

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

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚²ãƒ¼ãƒ æ„Ÿè¦šã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ã¹ã‚‹ã‚µãƒ¼ãƒ“ã‚¹é›† - Qiita
ã¯ã˜ã‚ã« ä»Šå›žã¯ã‚²ãƒ¼ãƒ æ„Ÿè¦šã§ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã¹ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚²ãƒ¼ãƒ ã‚’é€šã—ã¦å¦ã‚“ã çŸ¥è˜ã‚’ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹é›†ã‚’åŽ³é¸ã—ãŸã®ã§ã€ãœã²å¦ã‚“ã çŸ¥è˜ã‚’ã€Œä½¿ãˆã‚‹æŠ€è¡“ã€ã¨ã—ã¦è‡ªåˆ†ã®ã‚‚ã®ã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã®ä¸»ãªå¯¾è±¡è€… ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°åˆå¿ƒè€…~ä¸ç´šè€… åŸºç¤Žæ–‡æ³•ã¯å¦ã‚“ã ã‘ã©ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆãŒã§ãã¦ã„ãªã„äºº ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ç›®æŒ‡ã—ã¦ã‚‹äºº æ¥½ã—ã¿ãªãŒã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã³ãŸã„äºº ã·ã‚ˆã·ã‚ˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° ã¾ãšã¯ã˜ã‚ã«ç´¹ä»‹ã™ã‚‹ã®ã¯ã€SNSã§ã‚‚è©±é¡Œã«ãªã£ãŸã€ã·ã‚ˆã·ã‚ˆã‚’é–‹ç™ºã—ãªãŒã‚‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å¦ã¶ã“ã¨ãŒã§ãã‚‹ã€Œã·ã‚ˆã·ã‚ˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€ã§ã™ã€‚ ã·ã‚ˆã·ã‚ˆãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã¯ã€äººæ°—ã‚²ãƒ¼ãƒ ã·ã‚ˆã·ã‚ˆã‚’é–‹ç™ºã—ãªãŒã‚‰HTMLã‚„CSSã‚„JavaScriptã¨ã„ã£ãŸãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ã—ã¦ã„ãä¸ã§åŸºç¤Žã¨ãªã‚‹æŠ€è¡“ã‚’å¦ã¶ã“ã¨ãŒã§ãã¾ã™ã€‚ å®Ÿéš›ã«ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’ã—ãªãŒã‚‰å¦ã¹ã‚‹ã®ã§ã€ã‚¤ãƒ³ãƒ—ãƒƒãƒˆã¨ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆãŒåŒæ™‚
SHA-320 2023/03/20
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ã‚²ãƒ¼ãƒ

ã‚¢ã‚¦ãƒˆãƒ—ãƒƒãƒˆ

CSS
ãƒªãƒ³ã‚¯
CSSã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã«å¯¾ã™ã‚‹è€ƒå¯Ÿ - uhyo/blog
è¿‘å¹´ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã„ã†æ¦‚å¿µãŒä»˜ã„ã¦å›žã‚Šã¾ã™ã€‚Reactãƒ»Vueãƒ»Angularã¨ã„ã£ãŸViewãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã¯ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’å®šç¾©ã—ã¦ãã‚Œã‚’çµ„ã¿åˆã‚ã›ã¦ã‚¢ãƒ—ãƒªã‚’ä½œã‚Šã¾ã™ã€‚ã¾ãŸã€ã„ã‚ã‚†ã‚‹Web Componentsã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹ä»•æ§˜ç¾¤ã«ã‚ˆã‚Šã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã›ãšã«â€œã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆâ€ã‚’ä½œã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€ä½•ã‚‰ã‹ã®æ©Ÿèƒ½ï¼ˆã‚ã‚‹ã„ã¯è²¬å‹™ï¼‰ã‚’æŒã£ãŸéƒ¨å“ã§ã™ã€‚ã¾ãŸã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã‚ˆã£ã¦ã¯å†åˆ©ç”¨ã•ã‚Œã‚‹ï¼ˆã‚¢ãƒ—ãƒªå†…ã®è¤‡æ•°ã®ç®‡æ‰€ã‹ã‚‰åˆ©ç”¨ã•ã‚Œã‚‹ï¼‰ã“ã¨ã‚’æ„å›³ã—ã¦ã„ã‚‹ã‚‚ã®ã‚„ã€ãã‚‚ãã‚‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã—ã¦é…å¸ƒã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ãªã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ã‚¢ãƒ—ãƒªã®æ©Ÿèƒ½ã®ä¸€éƒ¨åˆ†ã‚’æŠœãå‡ºã—ãŸã‚‚ã®ã¨ã„ã†è¦‹æ–¹ã‚’ã™ã‚Œã°ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã„ã†ã®ã¯é–¢æ•°ã«ã¨ã¦ã‚‚é¡žä¼¼ã—ãŸæ¦‚å¿µã§ã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè¨è¨ˆã«ã‚ˆã£ã¦ã€è¨€ã„æ›ãˆã‚Œã°ã‚¢ãƒ—ãƒªãŒã©ã®ã‚ˆã†ãªæ©Ÿèƒ½ã‚’æŒã£ãŸã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŸã¡ã«
SHA-320 2020/12/21
CSS

è¨è¨ˆ
ãƒªãƒ³ã‚¯
Sencha Touch ã‚’å§‹ã‚ã‚ˆã†
ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã§ã¯Sencha Touchã®å§‹ã‚æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ æœ€åˆã«ã‚¿ãƒƒãƒåž‹ç«¯æœ«å‘ã‘ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ãŸã‚ã®åŸºæœ¬çš„ãªã‚¹ãƒ†ãƒƒãƒ—ã«ã¤ã„ã¦ã®èª¬æ˜Žã€ æ¬¡ã«ã€Sencha Touchãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ã«ã‚‚åŒæ¢±ã•ã‚Œã¦ã„ã‚‹ãƒ‡ãƒ¢ã‚¢ãƒ—ãƒªGeoTweetsã®ä½œã‚Šæ–¹ã«ã¤ã„ã¦ã®è©³ç´°ãªèª¬æ˜Ž ã‚’ã—ã¦ã„ãã¾ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯Sencha Touchã‚’ä½¿ã£ã¦ã‚¿ãƒƒãƒåž‹ç«¯æœ«å‘ã‘ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã‚’ã—ãŸã„ Webé–‹ç™ºè€…ã«å‘ã‘ãŸã‚‚ã®ã§ã™ã€‚å‰ææ¡ä»¶ã¨ã—ã¦ã¯ã€Sencha Touchãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã„ã‚‹ã“ã¨ã€ Webã‚µãƒ¼ãƒãƒ¼ç’°å¢ƒãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ã“ã¨ã€ãã—ã¦JavaScriptãƒ»HTMLãƒ»CSSãªã©ã®Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™º ã«å¿…è¦ãªæŠ€è¡“ã‚„è€ƒãˆæ–¹ã«ã¤ã„ã¦ç†è§£ã—ã¦ã„ã‚‹ã“ã¨ã€ãŒã‚ã’ã‚‰ã‚Œã¾ã™ã€‚ ã“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ä»¥ä¸‹ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã§æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ï¼š Sencha Touch ã«ã¤ã„ã¦
SHA-320 2011/01/25
ã‚¢ãƒ—ãƒª

é–‹ç™º

CSS

javascript

iPhone

HTML5
ãƒªãƒ³ã‚¯
iPhone Webã‚¢ãƒ—ãƒªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆï¼ˆCSS Nite Vol.40 repriseï¼‰ | Topics | DB - KAYAC Designer's Blogï¼ˆã‚«ãƒ¤ãƒƒã‚¯ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ–ãƒã‚°ï¼‰
ã“ã‚“ã«ã¡ã¯ã€‚æ„åŒ éƒ¨MEèª²ã®tacamyã§ã™ã€‚ CSS Nite 4å‘¨å¹´è¨˜å¿µã‚¤ãƒ™ãƒ³ãƒˆï¼ˆVol.40 repriseï¼‰ã«ã¦ã”ç´¹ä»‹ã—ãŸ iPhone Webã‚¢ãƒ—ãƒªã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚»ãƒƒãƒˆã‚’é…å¸ƒã—ã¾ã™ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã®å†…å®¹ã¯ã“ã¡ã‚‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ã”è¦§ãã ã•ã„ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ iphone-tmpl.zip ã‚»ãƒƒãƒˆå†…å®¹ index.html HTML5+iPhoneç”¨HTML css/iphone.css HTMLã®æ–°è¦ç´ ï¼‹iPhoneå°‚ç”¨CSS js/iphone.js URL&æ¤œç´¢ãƒãƒ¼ã‚’æ¶ˆã™æŒ‡å®š js/lib/jquery.js jquery apple-touch-icon.png Webã‚¯ãƒªãƒƒãƒ—ã‚¢ã‚¤ã‚³ãƒ³ cache.manifest ãƒžãƒ‹ãƒ•ã‚§ã‚¹ãƒˆãƒ•ã‚¡ã‚¤ãƒ« .htaccess < dd style="margin-bottom:0.5em;">.manifestã®MIMEã‚¿ã‚¤ãƒ—è¨å®š viewportã«ã¤
SHA-320 2011/01/25
CSS

iPhone

html5
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ã®åŸºç¤Žå‹‰å¼·æ³• : LINE Corporation ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ–ãƒã‚°ã‚°ãƒ«ãƒ¼ãƒ—ã®é£¯ç”° (@iishun) ã§ã™ã€‚ 2011 å¹´ã¯ã•ã‚‰ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¸‚å ´ã®æ‹¡å¤§ãŒåŠ é€Ÿã™ã‚‹ã¨äº‘ã‚ã‚Œã¦ã„ã¾ã™ã€‚å¼Šç¤¾ã§ã‚‚ 2010 å¹´ 10 æœˆã«ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢å…¨ä½“ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£äº‹æ¥ã‚’æŽ¨é€²ã—ã¦ã„ãã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚°ãƒ«ãƒ¼ãƒ—ãŒè¨ç«‹ã•ã‚Œã¾ã—ãŸã€‚ ãŒã€å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆãƒ»ã‚¢ãƒ—ãƒªã¯å„ã‚°ãƒ«ãƒ¼ãƒ—ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„æ‹…å½“ãŒé‹ç”¨ã™ã‚‹ã®ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ã®çŸ¥è˜ã¯å¿…é ˆã«ãªã‚Šã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯åƒ•ãŒã“ã“æœ€è¿‘å®Ÿè·µã—ã¦ã„ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹å‹‰å¼·æ³•ã‚’ã€å®Ÿéš›ã«ä½¿ç”¨ã—ãŸå‚è€ƒæ›¸ç±ã¨å…±ã«ç´¹ä»‹ã—ã¦ã¿ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®äº‹ã‚’å‹‰å¼·ã—ãªãã‚ƒï¼ã€ã¨æ€ã£ãŸäººã«å½¹ã«ç«‹ã£ã¦ã‚‚ã‚‰ãˆã‚Œã°ãªã¨æ€ã„ã¾ã™ã€‚ 1. HTML5/CSS3 ã®ç‰¹å¾´ã‚’çŸ¥ã‚‹ HTML5/CSS3 ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—è¨€èªžã¨ã„ã†ã‚ã‘ã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆ (Webkit ç³») ã¯ HTML5/CS
SHA-320 2011/01/19
html5

CSS
ãƒªãƒ³ã‚¯
GoogleãŒPage Speedã‚’Apacheãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã—ãŸmod_pagespeedã‚’å…¬é–‹ - F.Ko-Jiã®ã€Œä¸€ç§’å¾Œã¯æœªæ¥ã€
ã€ŒOfficial Google Webmaster Central Blog: Make your websites run faster, automatically â€” try mod_pagespeed for Apacheã€ã«ã‚ˆã‚‹ã¨ã€GoogleãŒ mod_pagespeed ã¨ã„ã† Apache ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚’å…¬é–‹ã—ãŸã¨ã®ã“ã¨ã€‚ ã“ã‚Œã¯ Google ãŒä»¥å‰ã‚ˆã‚ŠFirefox/Fireboxç”¨ã®ã‚¢ãƒ‰ã‚ªãƒ³ã¨ã—ã¦æä¾›ã—ã¦ã„ãŸã€ŒPage Speedã€ã‚’Apacheãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã—ãŸã‚‚ã®ã§ã™ã€‚ Page Speedã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’è©•ä¾¡ã—ã¦é«˜é€ŸåŒ–ã™ã‚‹ãŸã‚ã®ãƒ’ãƒ³ãƒˆã‚’ä¸Žãˆã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã§ã€ä¸»ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥å‘¨ã‚Šã‚„CSSã€JavaScriptã€ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ãªã©ã«é–¢ã™ã‚‹æ”¹å–„ãƒã‚¤ãƒ³ãƒˆã‚’ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ ä»Šå›žå…¬é–‹ã•ã‚ŒãŸ mod_pagespeed ã¯ã€ãã†ã„ã£ãŸPage SpeedãŒææ¡ˆã™ã‚‹
SHA-320 2010/11/04
apache

CSS

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨˜è¿°ã‚’ã‚ˆã‚Šèªã¿ã‚„ã™ãã™ã‚‹5ã¤ã®ãƒ«ãƒ¼ãƒ«
<textarea name="code" class="css" cols="60" rows="5"> #nav{ border: solid 1px #DEDEDE; color: #000; padding: 10px; width: 650px; } </textarea>
SHA-320 2009/10/26
ã‚ã¨ã§èªã‚€

CSS
ãƒªãƒ³ã‚¯
1