スマートフォン・デスクトップãã‚Œãžã‚Œã«æœ€é©ãªç”»åƒã‚’表示ã™ã‚‹ -Adaptive Imageç”»åƒã‚’自動判定ã—ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„デスクトップãªã©ãã‚Œãžã‚Œã®è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã€æœ€é©ãªã‚µã‚¤ã‚ºã«å¤‰æ›´ã—ã¦ç”»åƒã‚’表示ã™ã‚‹PHP&JavaScriptを紹介ã—ã¾ã™ã€‚ 導入も簡å˜ã§ã€5分ãらã„ã§ã§ãã‚‹æ„Ÿã˜ã§ã™ã€‚ Adaptive Images in HTML [ad#ad-2] Adaptive Imagesã®ãƒ‡ãƒ¢ オリジナルã®ç”»åƒã¯ã‚µã‚¤ã‚º1900x1069pxã€å®¹é‡631Kbã§ã€ãƒ–ラウザã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’変更ã—ã¦ç”»åƒã‚’表示ã—ã¾ã™ã€‚ ファイルサイズã®å¤‰æ›´ã«ä¼´ã„ã€ã‚µã‚¤ã‚ºè‡ªä½“も最é©åŒ–ã•ã‚Œã¾ã™ã€‚
WordPressã®ã‚ªãƒªã‚¸ãƒŠãƒ«ãƒ†ãƒ³ãƒ—レートを自作ã™ã‚‹ã®ã«å½¹ç«‹ã¤ãƒšãƒ¼ã‚¸ã€‚
CSSã‚„JavaScriptã®æ”¹è¡Œã‚„インデントを削除ã—ã¦åœ§ç¸®ã—ãŸã‚Šã€å…ƒã«æˆ»ã—ãŸã‚Šã™ã‚‹ãƒ„ールã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}