[B! ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³] ahiru_zã®ãƒ

ahiru_z id:ahiru_z

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹ahiru_zã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

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

PCã¨ã‚¹ãƒžãƒ›ã§è¡¨ç¤ºã™ã‚‹ãƒšãƒ¼ã‚¸ã‚’Cookie + .htaccess + Javascriptã§åˆ‡ã‚Šæ›¿ãˆã‚‹ | RuputerFan
ãã‚Œãžã‚Œã®ãƒšãƒ¼ã‚¸ã§ä¸‹è¨˜ã®ã‚ˆã†ã«å‘¼ã³å‡ºã—ã¾ã™ã€‚ ã‚¹ãƒžãƒ›ç”¨ãƒšãƒ¼ã‚¸ PCç‰ˆã‚µã‚¤ãƒˆ PCç”¨ãƒšãƒ¼ã‚¸ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã‚µã‚¤ãƒˆ ã€Œviewmodeã€ã‚„ã€ŒPCã€ã€ŒSPã€ãªã©ã®å¤‰æ•°ã¨å€¤ã¯è‡ªåˆ†ã®å¥½ããªã‚ˆã†ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¦å•é¡Œã‚ã‚Šã¾ã›ã‚“ã€‚ ãŸã ã—å¾Œè¿°ã™ã‚‹ .htaccessã§ä½¿ã£ã¦ã„ã‚‹å¤‰æ•°ã¨åŒä¸€ã«ãªã‚‹ã‚ˆã†ã«ã€‚ ã“ã“ã¾ã§ã§ã¯Cookieã«ä¿å˜ã™ã‚‹ã ã‘ã§ã€æŒ¯ã‚Šåˆ†ã‘è‡ªä½“ã¯æ¬¡ã® .htaccessã§è¡Œã„ã¾ã™ã€‚ .htaccessã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’åˆ¤åˆ¥ .htaccessã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®åˆ¤åˆ¥ã€è¦æ±‚ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã®ç¢ºèªã€ã‚¯ãƒƒã‚ãƒ¼ã®ç¢ºèªã€ã‚¹ãƒžãƒ›ãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã‚’ã‚„ã‚‰ã›ã¦ã„ã¾ã™ã€‚ ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã‚’å‚è€ƒã«ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ .htaccess ã ã‘ã§ç°¡å˜ã‚ãƒ£ãƒªã‚¢åˆ¤å®šã—ã¦ã¿ã‚‹ | ãƒã‚·ãƒ£ãƒã‚°ã€‚ .htaccess(mod_rewrite)ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ãƒšãƒ¼ã‚¸ã¸ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã•ã›ã‚‹æ–¹æ³•ï½œBlogï½œSkywar
ahiru_z 2013/07/11
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
[CSS, HTML] ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iPhone, Android)ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ã¾ã¨ã‚(2011å¹´ç‰ˆ)
[CSS, HTML] ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iPhone, Android)ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒã‚°ã¾ã¨ã‚(2011å¹´ç‰ˆ) Androidã®æ‰€ç‚ºã§å·¥æ•°ãŒå¢—ãˆã¦ã‚¦ã‚¶ã‚¤ã¨ã‹ã€Androidã®Webkitã¯Webkitã˜ã‚ƒãã‡ã¨ã‹ ã‚¹ãƒžãƒ›ã®CSS3é–¢ä¿‚ã¯ã©ã†ã—ã¦ã‚‚Androidã‚’disã‚‹æ„Ÿã˜ã®å†…å®¹ã«ãªã‚Šã¾ã™ãï¼ ç‰¹ã«æ˜Žè¨˜ãŒãªã„ã‚‚ã®ã¯ã™ã¹ã¦Webkitã«ã¤ã„ã¦ã§ã™ã€‚ è¦‹ã¤ã‘æ¬¡ç¬¬é †æ¬¡è¿½åŠ äºˆå®šã€‚ ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´ã€å¢—ãˆã¦ããŸã®ã§ç›®æ¬¡è¿½åŠ ã—ã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯iOS5ã€Android 3ä»¥å‰ã«ã¤ã„ã¦è¨˜è¼‰ã—ãŸã‚‚ã®ã§ã™ ã€cssã€‘ ã‚¿ãƒƒãƒ—æ™‚ã«z-indexã‚’ç„¡è¦–ã—ã¦ä¸‹ã®è¦ç´ ã«æž ãŒã¤ã(Android) ã€html, cssã€‘ ãƒžãƒ«ãƒãƒã‚¤ãƒˆæ–‡å—ã«font-weight:boldãŒåŠ¹ã‹ãªã„(Android) ã€cssã€‘ border-radiusã®ã‚³ãƒ¼ãƒŠãƒ¼ãŒã‚¸ãƒ£ã‚®ã‚‹(Android) ã€cssã€‘ box-shadowã€text-
ahiru_z 2013/05/31
ã¡ã‚‡ã£ã¨å¤ã„è¨˜äº‹ã ã‘ã©

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

ãƒã‚°
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®UIã§ã‚ˆãä½¿ã†ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãƒªã‚¹ãƒˆè¡¨ç¤ºã¾ã¨ã‚ï¼“ï¼“ã‚µã‚¤ãƒˆ ï½œ iPhoneãƒ‡ã‚¶ã‚¤ãƒ³ãƒœãƒƒã‚¯ã‚¹
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã«ãƒ˜ãƒƒãƒ€ãƒ¼ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¨ç½®ã—ã¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒªã‚¹ãƒˆãŒã§ã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¡¨ç¤ºã®ä»•æ–¹ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯è‰²ã€…ã‚ã‚‹ã®ã§ã¾ã¨ã‚ã¾ã—ãŸã€‚æœ€è¿‘ã¯ã€æµè¡Œã‚Šï¼Ÿãªã®ã‹Facebookã®ã‚¢ãƒ—ãƒªã‚ˆã†ã«æ¨ªã‹ã‚‰å‡ºã¦ãã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå¤šã„ã§ã™ã€‚
ahiru_z 2013/04/17
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

UI
ãƒªãƒ³ã‚¯
ï¿¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã€æ°—ã‚’ã¤ã‘ãŸã„ãƒˆãƒ©ãƒ–ãƒ«
8/18ã«ãŠã“ãªã‚ã‚ŒãŸCSS Nite in OSAKA, Vol.32ã§ã®ç™ºè¡¨ç”¨ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚4/27ã®CSS Nite in OSAKA, Vol.29ã§ä½¿ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã€è‹¥å¹²ã®è¿½è¨˜ãƒ»ä¿®æ£ã‚’ã—ãŸå†…å®¹ã¨ãªã£ã¦ã„ã¾ã™ã€‚Read less
ahiru_z 2012/08/21
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ç”»é¢è§£åƒåº¦ãƒ»ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦
320 dpi Androidã®å¯†åº¦ã‚°ãƒ«ãƒ¼ãƒ— iPhoneã‚’å½“ã¦ã¯ã‚ã‚‹ã¨ã€iPhone 3ã¾ã§ãŒmdpiã€iPhone 4ã‹ã‚‰ã¯xhdpiã«åŒºåˆ†ã‘ã•ã‚Œãã†ã§ã™ã€‚æ—¥æœ¬ã§æµé€šã—ã¦ã„ã‚‹Androidã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®å¤šãã¯hdpiã«å±žã™ã‚‹ã§ã—ã‚‡ã†ãŒã€æœ€è¿‘ã®HDè§£åƒåº¦ã®ç«¯æœ«ã¯xhdpiã«å±žã—ãã†ã§ã™ã€‚ IS05ã‚„Xperia ray, INFOBAR A01/C01ãªã©ã¯ã‚°ãƒ«ãƒ¼ãƒ—ä¸Šhdpiã«å±žã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ç”»é¢ã‚µã‚¤ã‚ºãŒå°ã•ã„ã“ã¨ã‹ã‚‰ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ãŒ300dpiå‰å¾Œã¨ã€xhdpiã«è¿‘ããªã£ã¦ã„ã¾ã™ã€‚å°åž‹ã§é«˜è§£åƒåº¦ãªç«¯æœ«ãŒå¢—ãˆã‚‹ã¨ã€æ‰€å±žã™ã‚‹ã‚°ãƒ«ãƒ¼ãƒ—ã ã‘ã§ã¯ç”»é¢ã®ç²¾ç´°ã•ã‚’åˆ¤æ–ã™ã‚‹ã®ã¯é›£ã—ããªã‚‹ã§ã—ã‚‡ã†ã€‚ ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã®é•ã„ãŒè¦‹ãŸç›®ã«å½±éŸ¿ã™ã‚‹ ã•ã¦ã€ãƒ”ã‚¯ã‚»ãƒ«å¯†åº¦ã®ã°ã‚‰ã¤ãã«ã‚ˆã£ã¦ã€ã™ã“ã—å›°ã£ãŸã“ã¨ãŒèµ·ã“ã‚Šã¾ã™ã€‚å¯†åº¦ã®ä½Žã„ç’°å¢ƒã«åˆã‚ã›ã¦ä½œã‚‰ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹ãŸç›®ãŒã€å¯†åº¦ã®é«˜ã„ç’°å¢ƒã§è‰¯ãè¦‹ãˆãªã„å¯èƒ½æ€§ãŒå‡ºã¦
ahiru_z 2012/06/19
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

iPhone
ãƒªãƒ³ã‚¯
Available in all sizes: 30 Flexible websites
If your work on web design or developing you probably heard about responsive web design and flexible or adaptive layouts. Following the quick rise of smartphones and tablets, this technique is gaining recognition fast as clients need their websites to look good on multiple devices. The idea of responsive web design is to make websites that fit multiple screen sizes. For the designer and developer
ahiru_z 2011/10/13
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨PCä¸¡æ–¹ã‹ã‚‰ç¶ºéº—ã«è¦‹ãˆã‚‹ã‚µã‚¤ãƒˆé›†

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®GUIè¦ç´ ãŒã¤ã¾ã£ãŸPhotoshopå‘ã‘ã®ãƒ•ãƒªãƒ¼ç´ æ10ç¨®
Webåˆ¶ä½œã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®GUIè¦ç´ ãŒã¤ã¾ã£ãŸPhotoshopå‘ã‘ã®ãƒ•ãƒªãƒ¼ç´ æ10ç¨® 2010/06/28 | ã‚«ãƒ†ã‚´ãƒªï¼šPSDãƒ•ã‚¡ã‚¤ãƒ« â—†Essential Free Photoshop GUI Elements For Designers Creative Nerdsã®ä¸Šè¨˜ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã¦ã€Webåˆ¶ä½œã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®GUIè¦ç´ ï¼ˆãƒœã‚¿ãƒ³ã¨ã‹ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã¨ã‹ã‚¢ã‚¤ã‚³ãƒ³ãªã©ï¼‰ãŒã¤ã¾ã£ãŸãƒ•ãƒªãƒ¼ç´ æãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã€ãã“ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦å†…å®¹ãŒç¢ºèªå‡ºæ¥ãŸ10ç¨®é¡žã‚’ä»¥ä¸‹ã§ç´¹ä»‹ã—ã¾ã™ã€‚ â–¼WEB UI Treasure Chest v 1.0 PSDå½¢å¼ â–¼Token ä¸»ã«PNGå½¢å¼ã€‚ â–¼Webdesigner kit PSDå½¢å¼ â–¼iPhone 3G Stencil PNGå½¢å¼ãƒ¡ã‚¤ãƒ³ â–¼Google Nexus One template PSD PSDå½¢å¼ â–¼Windows 7 W
ahiru_z 2011/06/27
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

GUI
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠãã¹ã10ã®TIPS iPhoneã‚„Androidã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ä»•æ§˜ã‚’çŸ¥ã‚‰ãªã„ã‘ã©ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãã¡ã‚ƒã„ã‘ãªããªã£ãŸã¨ã„ã†ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“ã«çŸ¥ã£ã¦ãŠã„ã¦ã‚‚ã‚‰ã„ãŸã„10(+1)ã®TIPSã§ã™ã€‚ 1.å®Ÿæ©Ÿã§ç¢ºèªã™ã‚‹ å½“ãŸã‚Šå‰ã®ã“ã¨ã§ã™ãŒä½œæˆã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å®Ÿæ©Ÿã§ç¢ºèªã—ã¦ä¸‹ã•ã„ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨PCã§ã¯ç›®ã‹ã‚‰ã®è·é›¢ã‚„DPIãŒé•ã„ã¾ã™ã®ã§ã€PCã§ã¯ååˆ†ã«è¦‹ã‚ŒãŸã‹ã‚‰ã¨ã„ã£ã¦å®Ÿæ©Ÿã§ç¢ºèªã™ã‚‹ã¨æ–‡å—ãŒå°ã•ã™ãŽã‚‹ã“ã¨ãªã©ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚æ›¸ãã ã—ãŸJPGã‚’FTPã§ã‚¢ãƒƒãƒ—ã—ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã—ã€ãƒ¡ãƒ¼ãƒ«ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é€ã£ã¦ç¢ºèªã—ã¦ã‚‚ã„ã„ã§ã™ã€‚å€‹äººçš„ã«ã¯Dropboxã§è»¢é€ã™ã‚‹ã®ãŒæ‰‹è»½ã§ãŠã™ã™ã‚ã§ã™ã€‚ 2.æ¨ªå¹…ã¯320pxã‚‚ã—ãã¯640pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯åŸºæœ¬æ¨ªå¹…ãŒ320pxã§è¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã‚‚320pxã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ã‚‡ã†ã€‚ãŸã ã€Re
ahiru_z 2011/06/16
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ãƒšãƒ¼ã‚¸ã«æŒ¯ã‚Šåˆ†ã‘ã‚‹ã¨ãã¯rel=â€canonicalâ€ã‚’è¨å®šã™ã‚‹
iPhoneã‚„iPadã€Androidç«¯æœ«ã®æ™®åŠã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å°‚ç”¨ã®ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã™ã‚‹ã‚µã‚¤ãƒˆã‚‚å¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã«å¯¾ã—ã¦ã€Œãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã«ã‚ˆã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å°‚ç”¨ã®URLã«æŒ¯ã‚Šåˆ†ã‘ã‚‹ã¨ãã€ã®æ³¨æ„ç‚¹ã‚’ä»Šæ—¥ã¯ãŠä¼ãˆã—ã¾ã™ã€‚ rel=â€canonicalâ€ã‚¿ã‚°ã§ã€å¯¾å¿œã™ã‚‹ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ãƒšãƒ¼ã‚¸ã®URLã‚’æŒ‡å®šã—ã¦ãã ã•ã„ã€‚ é‡è¤‡ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç™ºç”Ÿã‚’é˜²æ¢ã™ã‚‹ãŸã‚ã§ã™ã€‚ ç¾çŠ¶Googleã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—PCã¨ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚’åŒºåˆ¥ã›ãšåŒç‰ã«æ‰±ã„ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®æ¤œç´¢çµæžœã‚‚ç”¨æ„ã—ã¦ã„ã¾ã›ã‚“ã€‚ å…±ã«ã€ã‚¦ã‚§ãƒ–ã‚¯ãƒãƒ¼ãƒ©ã®GooglebotãŒã‚¯ãƒãƒ¼ãƒªãƒ³ã‚°ã—ã¾ã™ã€‚ â€»å¾“æ¥ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚¯ãƒãƒ¼ãƒ©ã®Googlebot-MobileãŒã‚¯ãƒãƒ¼ãƒªãƒ³ã‚°ã—ã¾ã™ã€‚è©³ã—ãã¯ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’å‚ç…§ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ãƒšãƒ¼ã‚¸ã¨ã€å®Œå…¨ã§ã¯ãªã„ã«ã—ã¦ã‚‚ã»ã¼åŒã˜ã«ãªã‚‹ã¯ãšã§ã™ã€‚
ahiru_z 2011/05/31
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ãƒžãƒ•ã‚©å¯¾å¿œã‚µã‚¤ãƒˆã®ãŸã‚ã«Media Queriesã‚’ã—ã£ã‹ã‚Šèº«ã«ã¤ã‘ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
iPhoneãªã©ã®å°ã•ã„ã‚µã‚¤ã‚ºã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚’ã¯ã˜ã‚ã€2560pxã®å¤§ãã„ã‚µã‚¤ã‚ºã®ãƒ¢ãƒ‹ã‚¿ãƒ¼ãªã©ã€ãã‚Œãžã‚Œã®å¹…ã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªå‹•çš„ã«é©ç”¨ã™ã‚‹Media Queriesã‚’ã—ã£ã‹ã‚Šã¨èº«ã«ã¤ã‘ã‚‹ãŸã‚ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Adaptive & Mobile Design with CSS3 Media Queries [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ç¢ºèª HTML CSS Media Queries å®Œæˆã—ãŸãƒ‡ãƒ¢ã®ç¢ºèª ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ç¢ºèª ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®å‰ã«ã¾ãšã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã“ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯HTML5+CSS3 Media Queriesã§ä½œæˆã•ã‚Œã¦ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ç”¨ã—ã¦ã„ã‚‹ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®ã‚µã‚¤ã‚ºã«é©ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«è‡ªå‹•èª¿æ•´ã—ã¦è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å·¦ã‹ã‚‰ã€ãƒŽãƒ¼ãƒžãƒ«ã€ãƒŠãƒã‚¦ã€ã‚¹
ahiru_z 2011/05/31
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
1