[B! CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ] ichiropã®ãƒ

ichirop id:ichirop

CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«é–¢ã™ã‚‹ichiropã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

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

ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã€ŒMovieCrop.jsã€ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ä½¿ç”¨ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æ—¢ã«è‰²ã€…ã¨é¸æŠžè‚¢ãŒã‚ã‚Šãã†ã§ã™ãŒã€ æ•¢ãˆã¦ä»Šå›žã“ã‚Œã‚’æ›¸ã„ã¦ã¿ãŸã®ã¯ã€ãƒãƒ¼ãƒ†ã‚¯ã§ã”ãã‚·ãƒ³ãƒ—ãƒ«ãªç‰©ãŒæ¬²ã—ã‹ã£ãŸã‹ã‚‰ã€‚ ã•ã‚‰ã«è¨€ã£ã¦ã¿ã‚Œã°ã€ãã‚Œã‚‰ã®é¸æŠžè‚¢ã‚’ã¾ã çŸ¥ã‚‰ãªã‹ã£ãŸã‹ã‚‰ã€‚ MovieCrop.jsã«ã¤ã„ã¦ MovieCrop.js via Github MovieCrop.jsã¯ã€CSSã®background-imageã‚’åˆ©ç”¨ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ åå‰ã‹ã‚‰æŽ¨å¯Ÿã•ã‚Œã‚‹ã‚ˆã†ã«ã€ActionScriptã®MovieClipã‚’æ¨¡ã—ã¦ä½œã£ãŸâ€¦ã¤ã‚‚ã‚Šã§ã™ã€‚ å†ç”Ÿ/é€†å†ç”Ÿ/åœæ¢/å·»ãæˆ»ã—ãŒå‡ºæ¥ã¾ã™ã€‚ ç°¡å˜ãªä½¿ã„æ–¹ ã¾ãšä½¿ç”¨ã™ã‚‹ç”»åƒã‚’ä½œæˆã—ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®èƒŒæ™¯ã«ã—ã¾ã™ã€‚ è¦ã™ã‚‹ã«ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®ã‚µã‚¤ã‚ºã®åˆ†ã ã‘èƒŒæ™¯ã‚’ã‚ºãƒ©ã—ã¦ã„ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ä»•çµ„ã¿ãªã®
ichirop 2012/11/08
CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jQuery
ãƒªãƒ³ã‚¯
[CSS]Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’è€ƒæ…®ã—ãŸCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®å®Ÿè£…æ–¹æ³•
æ–°ã—ã„iPad, iPhone4, MacBook Proãªã©ã«æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’è€ƒæ…®ã—ãŸCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®å®Ÿè£…æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Using CSS Sprites to optimize your website for Retina Displays CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã¨ã¯è¤‡æ•°ã®ã‚¢ã‚¤ãƒ†ãƒ ã‚’ä¸€æžšã®ç”»åƒã«é…ç½®ã—ã€background-imageã§è¡¨ç¤ºã™ã‚‹ç¯„å›²ã‚’æŒ‡å®šã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚è¤‡æ•°ã®ç”»åƒã‚’ä¸€æžšã«ã¾ã¨ã‚ã‚‹ã“ã¨ã§ã€ãƒˆãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®è»½æ¸›ã«ã¤ãªãŒã‚Šã€Googleã‚’ã¯ã˜ã‚å¤šãã®ã‚µã‚¤ãƒˆã§åˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯é€šå¸¸ã®ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®å€ã®è§£åƒåº¦ãŒã‚ã‚Šã€æœ€é©åŒ–ã™ã‚‹ãŸã‚ã«ã¯å€ã®è§£åƒåº¦ã‚’ã‚‚ã£ãŸç”»åƒã‚’ä½¿ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ä½¿ç”¨ã™ã‚‹ç”»åƒã‚’JavaScriptã§è¨˜è¿°ã™ã‚‹ã®ã‚‚ä¸€ã¤ã®æ‰‹ã§ã™ãŒã€ã“ã“ã§ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¿ã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å®Ÿè£…ä¾‹ã¯ã€4ã¤ã®ãã‚Œãž
ichirop 2012/08/06
CSS

CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆ

Retinaå¯¾å¿œ
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«é–¢ã™ã‚‹ichiropã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«é–¢ã™ã‚‹ichiropã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã€ŒMovieCrop.jsã€ - Mach3.laBlog

[CSS]Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’è€ƒæ…®ã—ãŸCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®å®Ÿè£…æ–¹æ³•

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èª­ã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èª­ã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (4)

CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«é–¢ã™ã‚‹ichiropã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (2)

ã‚·ãƒ³ãƒ—ãƒ«ãªã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã€ŒMovieCrop.jsã€ - Mach3.laBlog

[CSS]Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’è€ƒæ…®ã—ãŸCSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã®å®Ÿè£…æ–¹æ³•

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬1é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬4é€±ï¼‰

ã€Œã‚ã¨ã§èªã‚€ã€ã‚¿ã‚°ã§æŒ¯ã‚Šè¿”ã‚‹2024å¹´ ã€œä»Šå¹´ã®ã€Œã‚ã¨ã§èªã‚€ã€ã€ä»Šå¹´ã®ã†ã¡ã«ã€œ

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹