[B! ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–] tofu-kunã®ãƒ

tofu-kun id:tofu-kun

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«é–¢ã™ã‚‹tofu-kunã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®é€²åŒ–ã¯Webã®å¸¸è˜ã‚’å¤‰ãˆã‚‹ã‹ï¼Ÿ | ã‚†ã£ãã‚Šã¨â€¦
ã‚ã‚‹è¨˜äº‹ ã«ã‚ˆã‚Œã°ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã™ã‚‹ã‚µã‚¤ãƒˆã® 72% ãŒã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¨ãƒ¢ãƒã‚¤ãƒ«ã«åŒã˜ãƒªã‚½ãƒ¼ã‚¹ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ãã†ã§ã™ã€‚ã¾ãŸãã‚Œã‚‰ãƒªã‚½ãƒ¼ã‚¹ã® 60% ä»¥ä¸ŠãŒç”»åƒ ã¨ã„ã†çµ±è¨ˆã‚„ã€ãƒ¢ãƒã‚¤ãƒ«ç”¨ã«ç”»åƒã‚’æœ€é©åŒ–ã™ã‚Œã°ã€ãƒ‡ãƒ¼ã‚¿é‡ã‚’ 72.2% å‰Šæ¸›ã§ãã‚‹ ã¨ã„ã†èª¿æŸ»çµæžœã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç”»åƒã®ã“ã¨ã‚’èª¿ã¹ã¦ã„ã¦ã„ã¾ã—ãŸãŒã€ãã®æŠ€è¡“é€²åŒ–ã¨ã„ã†ã‹ã€ç´†ä½™æ›²æŠ˜ã‚‚å«ã‚ã¦è‰²ã€…ã¨ã‚ã‚‹æ§˜ã§ã™ã€‚ æœ€æ–°æŠ€è¡“ã‚’ç´ æ—©ãå–ã‚Šå…¥ã‚Œã‚‹ã“ã¨ã¯ã‚‚ã¡ã‚ã‚“å¤§äº‹ã§ã™ãŒã€ç‰¹ã«éŽæ¸¡æœŸã«ãŠã„ã¦ã¯ã€å¤‰åŒ–ã«å¼·ã„ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ãŸã‚ã«ã‚‚æŠ€è¡“ã®å…ˆè¡Œãã‚’è¦‹æ¥µã‚ã‚‹ã“ã¨ãŒé‡è¦ã§ã™ã€‚ãã“ã§ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚ˆã†ãªè¦–ç‚¹ã§ã€ã“ã‚Œã¾ã§ã®çµŒç·¯ã‚’ã¤ã‚‰ã¤ã‚‰ã¨è¾¿ã£ã¦ã¿ã¾ã—ãŸã€‚ è‡ªåˆ†ã¨ã—ã¦ã®ãƒ†ãƒ¼ãƒžã¯ã€ã€Œã˜ã‚ƒã‚ã€ä»Šã€ã©ã†ã™ã‚‹ã‹ï¼Ÿã€ã ã£ãŸã®ã§ã™ãŒâ€¦ã€‚èªã‚“ã§ä¸‹ã•ã‚‹æ–¹ã®ä½•ã‹ã«å½¹ç«‹ã¤ã‹ã©ã†ã‹ã¯ç”šã å¿ƒã‚‚ã¨ãªã„è¨˜äº‹ã§ã™ã€‚ ã¡ãªã¿ã«ä»Šå›žè¨˜äº‹ã§å–ã‚Šä¸Šã’ãŸè©±é¡Œã«ã¤ã„ã¦
tofu-kun 2014/06/10
éŽæ¸¡æœŸã‹â€¦

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
display: noneã¨ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãã®è¨è¨ˆã‚’èªžã‚‹æ™‚ã«display: noneãŒå¼•ãåˆã„ã«å‡ºã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãªã¨æ„Ÿã˜ã‚‹ã€‚ãã®å¤šç”¨ã¯è¨è¨ˆãƒŸã‚¹ã¨ã„ã†ã‚ˆã†ãªå…·åˆã ã€‚ãã†ã„ã†ã¨ã“ã‚ã¯ç¢ºã‹ã«ãªãã¯ãªã„ãŒã€å¤šç”¨è‡ªä½“ã¯CSSã®è²§å¼±ã•ã‹ã‚‰ãã‚‹HTMLã®è¤‡é›‘ã•ã‚’æ„å‘³ã™ã‚‹ã ã‘ãªã®ã§ã¯ãªã„ã‹ã¨æ€ã†ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã§ã€ŒåŽã¾ã‚‹ã€ã‚ˆã†ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’èª¿æ•´ã™ã‚‹ã“ã¨ã§ã¯ãªã„ã€‚å®Ÿè£…ã¨ã—ã¦ã¯ãã†ãªã‚‹ã“ã¨ã¯å¤šã„ãŒã€å®Ÿéš›ã«ã¯å¤šæ§˜ãªãƒ‡ãƒã‚¤ã‚¹ã§ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸€è²«æ€§ã‚’ç¢ºä¿ã™ã‚‹ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚ã‚‹ã¨è€ƒãˆãŸæ–¹ãŒé©åˆ‡ãªã¯ãšã ã€‚ãã®ä¸€è²«æ€§ã¨ã¯ã»ã¼ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¸ã®ã‚¢ã‚¯ã‚»ã‚¹æ€§ã¨è¨€ã£ã¦è‰¯ã„ã€‚æ§˜ã€…ãªç”»é¢ã§ãã‚Œã‚’åŒã˜ã‚ˆã†ã«ç¢ºä¿ã™ã‚‹ãŸã‚ã«ã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®èª¿æ•´ã ã‘ã§ã¯ãªãã€æ§‹æˆéƒ¨å“ã®é–“å¼•ãã‚„ç§»å‹•ãªã©ãŒå¿…è¦ã¨ãªã‚‹ã€‚ ãã†ã„ã£ãŸä¸€è²«æ€§ã®ç¢ºä¿ã‚’åŒã˜HTMLã‚’é€šã—ã¦è¡Œã†ã€ã¨ã™ã‚‹ã¨å®Ÿè£…ã¯ã»ã¼CSSã«é™ã‚‰ã‚Œã‚‹ã“ã¨ã«ãªã‚‹ã€‚ãã—ã¦ä»Šã®C
tofu-kun 2014/04/18
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

css
ãƒªãƒ³ã‚¯
æ–‡ç³»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚å¤§ä¸ˆå¤«ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBã‚µã‚¤ãƒˆã‚’WordPressã§ä½œã£ã¦ã¿ã‚ˆã†
1. æ–‡ç³»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚‚å¤§ä¸ˆå¤«ï¼ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webã‚µã‚¤ãƒˆã‚’â€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒâ€ƒã§ä½œã£ã¦ã¿ã‚ˆã† November 3,2012 WordCamp Osaka é¡è³€ é †å 12å¹´11æœˆ3æ—¥åœŸæ›œæ—¥ 3. è‡ªå·±ç´¹ä»‹ é¡è³€ é †å | ãƒŒã‚«ã‚¬ã‚¸ãƒ¥ãƒ³ã‚³ ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®Webãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€‚ ã¤ã¾ã‚Šï¼‘äººã§å¤§æ¦‚ã®äº‹ã¯ã‚„ã£ã¡ã‚ƒã†äººã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ä¸å¿ƒã«ã€ä¼ç”»ãƒ»è‰²å½©è¨è¨ˆã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆä½œæˆãªã©å¹…åºƒã åˆ¶ä½œã‚’æ‰‹ãŒã‘ã¦ã„ã¾ã™ã€‚ ç¶ºéº—ã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¾—æ„ã§ã™ã€‚èžãå–ã‚Šã‚’å¤§åˆ‡ã«ã—ã¾ã™ã€‚ä½•ã‚’æœ›ã‚“ã§ã„ã¦ã€ã©ã‚“ ãªåŠ¹æžœãŒæ¬²ã—ã„ã®ã‹ã€‚ãƒ—ãƒ©ãƒ³ãƒ‹ãƒ³ã‚°ã‚’é‡è¦è¦–ã—ã¾ã™ã€‚ åˆ¶ä½œã‚’ç¶šã‘ãªãŒã‚‰ã€åŽšç”ŸåŠ´åƒçœç·Šæ€¥äººæè‚²æˆäº‹æ¥åŸºé‡‘è¨“ç·´ã®Webãƒ‡ã‚¶ã‚¤ãƒ³/ã‚« ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‡ã‚£ãƒãƒ¼ã‚¿ãƒ¼é¤Šæˆè¬›å¸«ã‚’ã¤ã¨ã‚ã€Adobeã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ© ã‚¯ã‚¿ãƒ¼ã€ã‚»ãƒŸãƒŠãƒ¼è¬›å¸«ã‚‚å…¼å‹™ã€‚ Webã®ä»•äº‹ã¯äººã¨äººã‚’ç¹‹ãä»•äº‹ã¨è€ƒãˆã€åˆ¶ä½œã ã‘ã§ã¯ãªãè¬›æ¼”ã‚„æ•™è‚²äº‹
tofu-kun 2012/11/05
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

wordpress
ãƒªãƒ³ã‚¯
Guy Podjarnyã€ŒResponsive Web Designãªã‚µã‚¤ãƒˆã¯é…ã„ã€ã¨è¨€ã£ã¦ãŠã“ã†ã€ - ä»¥ä¸‹æ–œã‚èªã‚“ã å†…å®¹
Guy's Pod 2012.10.9ã®ãƒ–ãƒã‚°ã‚¨ãƒ³ãƒˆãƒª è¿½è¨˜ å…ƒã‚¨ãƒ³ãƒˆãƒªãŒæ›´æ–°ã•ã‚Œã¦ãŸã®ã§ã€ä¿®æ£ Guyã®ãƒ—ãƒ¬ã‚¼ãƒ³å‹•ç”»èžãé½§ã£ãŸå†…å®¹ã‚‚å°‘ã—åæ˜ Guy's Pod Â» Blog Archive Â» Responsive Web Design is bad for performance. There, I said it. ä¸–ç•Œã®ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®æ•°å‰²ã‚’æŒãAkamaiã®ä¸ã®äººã«ã‚ˆã‚‹Responsive Web Designãƒã‚¿ Guyã¯ãƒ¢ãƒã‚¤ãƒ«å‘ã‘é€Ÿåº¦è¨ˆæ¸¬ãƒ„ãƒ¼ãƒ«ä½œã£ã¦ãŸblaze.ioã®CTOã ã£ãŸäºº blaze.ioè‡ªä½“ã¯2æœˆã«akamaiã«è²·åŽã•ã‚ŒãŸ RWDã«æœŸå¾…ã—ã¦ã‚‹ã€äººã«ã‚‚å‹§ã‚ã¦ã‚‹ ã‘ã©èªã‚ã‚‹ã¹ãäº‹å®Ÿã¨ã—ã¦RWDã¯é…ã„ã€æœ€é©åŒ–ã—ã¦ã‚‚ã©ã†ã«ã‚‚ãªã‚‰ãªã„éƒ¨åˆ†æ®‹ã‚‹ ãã®ä¸Šã§RWDã§ã„ãã®ã«å¿…è¦ãªã“ã¨ã€è€ƒãˆã‚‹ã¹ãã“ã¨ã€etc.ã‚’ç¶´ã£ãŸã‚¨ãƒ³ãƒˆãƒª RWDãŒå¼•ãèµ·ã“ã™é€Ÿåº¦ä½Žä¸‹ã¯è»½æ¸›ã§ãã‚‹ãŒã‚¼ãƒã«ã¯ãª
tofu-kun 2012/10/11
webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
1