[B! ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–] kijtraã®ãƒ

kijtra id:kijtra

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«é–¢ã™ã‚‹kijtraã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

[CSS]3ã‚¹ãƒ†ãƒƒãƒ—ã§ãƒžã‚¹ã‚¿ãƒ¼ã™ã‚‹ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ç•°ãªã‚‹ã‚µã‚¤ã‚ºã”ã¨ã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Web Desingã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
Media Queriesåˆå¿ƒè€…ã§ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãè§£èª¬ã•ã‚ŒãŸã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚„ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãªã©ç•°ãªã‚‹è¡¨ç¤ºã‚µã‚¤ã‚ºã”ã¨ã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹Responsive Web Desingã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Responsive Design in 3 Steps [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Step 1: METAã‚¿ã‚° Step 2: HTMLã®æ§‹é€ Step 3: Media Queries ã•ã‚‰ã«å®Ÿè·µçš„ãªä½¿ã„æ–¹ã‚’å¦ã³ãŸã„äººã« Step 1: METAã‚¿ã‚° ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã§æŽ¡ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ¢ãƒã‚¤ãƒ«ç”¨ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€è¡¨ç¤ºã™ã‚‹HTMLãƒšãƒ¼ã‚¸ã®å¤§ãã•ã‚’ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã®å¹…ã«ï¼ˆä¸»ã«ï¼‰ç¸®å°ã—ã¦ãƒ•ã‚£ãƒƒãƒˆã•ã›ã¾ã™ã€‚ ã¾ãšã¯ã€ã“ã®è¨å®šã‚’METAã‚¿ã‚°ã‚’ä½¿ç”¨ã—ã¦ç‰å€ã§è¡¨ç¤ºã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ã‚‡ã†ã€‚ HTML <head>ï½ž</head>ã«ä¸‹è¨˜ã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <meta
kijtra 2012/03/05
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãªã©ã‚’å–ã‚Šå…¥ã‚ŒãŸWebã‚µã‚¤ãƒˆã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã§æ§‹ç¯‰ã™ã‚‹ç‚ºã®å‹‰å¼·ç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ»YAMB - ã‹ã¡ã³ã¨.net
æ°—ã«ãªã£ãŸã®ã§å‚™å¿˜éŒ²ã€‚ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãªã©ã€ ä¸€èˆ¬çš„ã«ã‚ˆãè¦‹ã‹ã‘ã‚‹UIã‚’å–ã‚Šå…¥ã‚ŒãŸWeb ã‚µã‚¤ãƒˆã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã§ æ§‹ç¯‰ã™ã‚‹ç‚ºã®å‹‰å¼·ç”¨ã«ãªã‚‹ã‹ã¨æ€ã£ã¦ ãƒ¡ãƒ¢æ›¸ãã€‚ã¾ã ã¡ã‚ƒã‚“ã¨è§¦ã£ã¦ã¾ã›ã‚“ã€‚ ã¨ã„ã†ã‚ã‘ã§ä»Šæ—¥ã¯ãŸã ã®ãƒ¡ãƒ¢æ›¸ãã§ã™ã€‚ã“ã‚“ãªã®ã‚ã£ãŸã‚ˆç¨‹åº¦ã§ã€‚ æ£å¼åç§°ã¯YET ANOTHER BOILERPLATE FOR RESPONSIVE (MOBILE) WEB DESIGNã ãã†ã§ã™ã€‚ã–ã£ãã‚Šæ›¸ãã¨ MediaQuereisã§å¯¾å¿œ normalize.cssæŽ¡ç”¨â€»è‰¯ã„ãƒªã‚»ãƒƒãƒˆCSSã§ã™ã€‚è§£èª¬ã¯ã“ã“ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼(superfishæŽ¡ç”¨)ã‚‚ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã«å¿œã˜ã¦å‡ºã•ãªã„ã‚ˆã†ã«ã™ã‚‹ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã¯FlexSliderã‚’æŽ¡ç”¨â€»ä»¥å‰æ›¸ãã¾ã—ãŸ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§æ§‹ç¯‰ã§ãã‚‹ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯GPLã§ã™ã€‚ ãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã¯ä»¥ä¸‹ã¨ãªã£ã¦ã„ã¾ã™
kijtra 2011/12/09
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ä½¿ã†ã£ãã‚ƒãªã„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ãªWordPressãƒ†ãƒ¼ãƒžï¼’ï¼•:phpspoté–‹ç™ºæ—¥èªŒ
25 Quality Responsive WordPress Themes | Design Woop | The Web Design and Development Blog ä½¿ã†ã£ãã‚ƒãªã„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ãªWordPressãƒ†ãƒ¼ãƒžï¼’ï¼•ã€‚ WordPressã‚’ä½¿ã†ã“ã¨ã§ã€ã„ã‚ã‚“ãªã“ã¨ãŒãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ç°¡å˜ã«å®Ÿç¾ã§ãã¦ã—ã¾ã„ã¾ã™ãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ†ãƒ¼ãƒžãŒå‡ºã¦ãã¦ã„ã‚‹æ¨¡æ§˜ã€‚ æ›´ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã ã‘ã˜ã‚ƒãªãã¦ã€ã‚ã¡ã‚ƒã‚ã¡ã‚ƒã‚«ãƒƒã‚³ã„ã„ãƒ†ãƒ¼ãƒžãŒæƒã£ã¦ã¾ã™ å¹…ã‚’å°‘ãªãã™ã‚‹ã¨ã‚¹ãƒžãƒ›ç”¨ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«æ—©å¤‰ã‚ã‚Šã€‚ ä»–ã«ã‚‚ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã€‚æ˜¯éžå¹…ã‚’å°‘ãªãã—ã¦è©¦ã—ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ãƒ†ãƒ¼ãƒžã¨ã—ã¦ã®åˆ©ç”¨ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã‚‚ã‹ãªã‚Šä½¿ãˆãã†ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ãªWordPressãƒ†ãƒ¼ãƒžï¼‘ï¼ï¼ ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã§ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã§å‚è€ƒã«ãªã‚‹WordPressãƒ†ãƒ¼ãƒžï¼”ï¼
kijtra 2011/12/09
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ã‚µã‚¤ãƒˆåˆ¶ä½œ,ã‚¹ãƒžãƒ›
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼‘ï¼•:phpspoté–‹ç™ºæ—¥èªŒ
15 Responsive CSS Frameworks Worth Considering ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼‘ï¼• ã‚¹ãƒžãƒ›ã‚„ãƒ‡ãƒã‚¤ã‚¹ãŒå¤šæ§˜åŒ–ã™ã‚‹ã«ä¼´ã£ã¦ä»Šå¾Œå¿…é ˆåŒ–ã™ã‚‹ã¨æ€ã‚ã‚Œã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæˆã®ãŸã‚ã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ æ²¢å±±ã‚ã‚‹ã®ã§è‡ªåˆ†ã«ã‚ã£ãŸã‚‚ã®ãŒé¸ã¹ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã“ã®åˆ†é‡Žã§ã®ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆãŒæ±ºã¾ã‚‹ã¨ï¼‘ã‚¹ã‚ãƒ«ã¨ã—ã¦ã‚¢ãƒ”ãƒ¼ãƒ«ã§ãã‚‹ã‚ˆã†ãªæ—¥ãŒæ¥ã‚‹ã®ã‹ã‚‚ LESS Framework 4 Foundation MQ Framework columnal ãªã©å…¨ï¼‘ï¼•ç¨®é¡žãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Facebookã®ãƒšãƒ¼ã‚¸ã‚’ä½œã‚‹éš›ã«ä¾¿åˆ©ãã†ãªHTML/CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€Œ520 Grid Systemã€ ãƒã‚°ã‚¤ãƒ³/ãƒ¦ãƒ¼ã‚¶ç™»éŒ²ã¨ã„ã£ãŸãƒ•ã‚©ãƒ¼ãƒ å®Ÿè£…ç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒjFormerã€
kijtra 2011/11/29
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã§ä½œã‚‰ã‚ŒãŸWEBã‚µã‚¤ãƒˆ26é¸ | designaholic
æœ€è¿‘ã€æ³¨ç›®åº¦ã®ã‚ãŒã£ã¦ãã¦ã„ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã§åˆ¶ä½œã•ã‚ŒãŸWEBã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ã§ã™ã€‚ remy-responsivepxã‚’åˆ©ç”¨ã™ã‚‹ã¨PCä¸Šã§ã„ã‚ã„ã‚ãªãƒ‡ãƒã‚¤ã‚¹ã§ã®è¦‹ãˆæ–¹ã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ asuonline hvanimalhospital fork-cms 10k.aneventapart jonwhitestudio foodsense jasonsantamaria spigotdesign thomasprior ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ™‚ç‚¹ã§å„ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®è¦‹ãˆæ–¹ã‚„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ä»•æ–¹ã‚’æƒ³å®šã—ãªãŒã‚‰ä½œã‚‰ãªã„ã¨ã„ã‘ãªãã†ã§ã™ãã€‚ 26 Responsive Web Designs
kijtra 2011/11/09
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
[CSS]iPadã®æ¨ªå‘ãã¨ç¸¦å‘ãã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
Portraitãƒ¢ãƒ¼ãƒ‰ï¼ˆç¸¦å‘ãï¼‰ã®ã‚°ãƒªãƒƒãƒ‰è¨è¨ˆ ã‚°ãƒªãƒƒãƒ‰ 768=30+708+30 708=216+30+216+30+216 å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ iPadã®æ¨ªå‘ãã¨ç¸¦å‘ãã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å¤‰æ›´ã™ã‚‹ã«ã¯2ã¤ã®ãƒã‚¤ãƒ³ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ METAã‚¿ã‚° iPadã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã§ç‰å€ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ã€METAã‚¿ã‚°ã§è¨å®šã—ã¾ã™ã€‚ <meta name="viewport" content="width=768px, minimum-scale=1.0, maximum-scale=1.0" /> ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ æ¯”çŽ‡ã‚’ç‰å€ã«è¨å®šã—ãŸã®ã§ã€Media Queriesã‚’ä½¿ç”¨ã—ã¦æ¨ªå‘ãã¨ç¸¦å‘ãã«åˆ†å²ã•ã›ã¾ã™ã€‚ /* Landscapeãƒ¢ãƒ¼ãƒ‰ï¼ˆæ¨ªå‘ãï¼‰ç”¨ */ #wrap { width:1024px; } @media only screen and (orientation:portrait){ /* Portr
kijtra 2011/10/25
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
2011å¹´ã€ã‚¹ãƒžãƒ•ã‚©ãƒ»ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ç¢ºèªãƒ„ãƒ¼ãƒ«ã®ã¾ã¨ã‚
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã¯ã˜ã‚ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ãƒ¯ã‚¤ãƒ‰ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãªã©ã€ã•ã¾ã–ã¾ãƒ¦ãƒ¼ã‚¶ãƒ¼ç’°å¢ƒã‚’æƒ³å®šã—ã¦ç¢ºèªã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å„ãƒ„ãƒ¼ãƒ«ã§è¡¨ç¤ºã—ã¦ã„ã‚‹ã®ã¯ã€Media Queriesã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã€ŒCSS-Tricksã€ã§ã™ã€‚
kijtra 2011/10/25
ã‚µã‚¤ãƒˆåˆ¶ä½œ,ã‚¹ãƒžãƒ›

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æœ€é©åŒ–ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã§ã‚¿ãƒ–ã‚„ãƒ•ã‚©ãƒ¼ãƒ ãªã©ã®ãƒªãƒƒãƒUIã‚‚ã‚»ãƒƒãƒˆã«ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»Foundationï¼ˆã¨ã€ã‚µãƒ¼ãƒãƒ¼ç§»è»¢ã®ãŠçŸ¥ã‚‰ã›ï¼‰ - ã‹ã¡ã³ã¨.net
iPadã‚„iPhoneãªã©ã€æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã«ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æœ€é©åŒ–ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã§ã€ã‚¿ãƒ–ã‚„ã‚°ãƒªãƒƒãƒ‰ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã€UIã‚’ãƒªãƒƒãƒãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰æ›´å¯èƒ½ãªãƒžãƒ«ãƒãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»Foundationã®ã”ç´¹ä»‹ã€‚ ã”ç´¹ä»‹ã®å‰ã«ã€ã‚µãƒ¼ãƒãƒ¼ç§»è»¢ã®ãŠçŸ¥ã‚‰ã›ã§ã™ã€‚ ä»Šæœˆ(10æœˆ)é ã‚ˆã‚Šã€å½“ã‚µã‚¤ãƒˆã‚’ç½®ã‹ã›ã¦é ‚ã„ã¦ã„ãŸãƒ˜ãƒ†ãƒ ãƒ«ã•ã‚“ã‹ã‚‰ã®é€€åŽ»å‹§å‘Šã‚’å—ã‘ã¦ã‚µãƒ¼ãƒãƒ¼ã‚’ç§»è»¢ã™ã‚‹äº‹ã«ãªã‚Šã¾ã—ãŸã€‚ ãƒ˜ãƒ†ãƒ ãƒ«ã•ã‚“ã§ã¯1æ—¥ã®è»¢é€é‡ã®ç›®å®‰ãŒ20GBãªã®ã§ã™ãŒã€9æœˆã¯ã»ã¼æ¯Žæ—¥20GBã‚’è¶…ãˆã¦ãŠã‚Šã€æ—¥ã«ã‚ˆã£ã¦ã¯30GBã€40GBã¾ã§è»¢é€ã—ã¦ã„ã¦ã€åŒã˜ã‚µãƒ¼ãƒãƒ¼ã®ä»–ã®æ–¹ã«å¤§å¤‰ã”è¿·æƒ‘ã‚’ãŠæŽ›ã‘ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ã“ã®å ´ã‚’ã‚‚ã£ã¦æ·±ããŠè©«ã³ç”³ã—ä¸Šã’ã¾ã™ãƒ»ãƒ»ãƒ»ç”³ã—è¨³ã‚ã‚Šã¾ã›ã‚“ã€‚10æœˆä¸ã«ç§»è»¢ã‚’ã€ã¨ã®ã”è¦å‘Šã‚’é ‚ã„ã¦ã€å…ˆæ—¥ã‹ã‚‰ä»Šæ—¥ã«ã‹ã‘ã¦ç§»è»¢ä½œæ¥ã‚’è¡Œã„ã¾ã—ãŸã€‚ ç§»è»¢å…ˆã§ã™ãŒã€ã‚ã‚ŠãŒãŸã„äº‹ã«ãŠå£°ã‚’ã‹ã‘ã¦é ‚ã‘ã¦ã€VPSã‚’å€Ÿã‚Šã•ã›ã¦é ‚
kijtra 2011/10/21
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
10KBä»¥å†…ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹äº‹ãŒæ¡ä»¶ã®è»½é‡Webã‚µãƒ¼ãƒ“ã‚¹ã®ã‚³ãƒ³ãƒ†ã‚¹ãƒˆãƒ»10K Apartã®ä¸ã§é¢ç™½ã‹ã£ãŸã‚‚ã®10å€‹ - ã‹ã¡ã³ã¨.net
é¢ç™½ãã†ãªã‚³ãƒ³ãƒ†ã‚¹ãƒˆãŒé–‹å‚¬ã•ã‚Œã¦ã„ã‚‹ã‚ˆã† ã ã£ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã”ç´¹ä»‹ã€‚10KBä»¥ä¸‹ã§ã€ ã—ã‹ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„iPadãªã©æ§˜ã€…ãªãƒ‡ãƒ ã‚¤ã‚¹ã§é–²è¦§ã—ã¦ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å´©ã•ãªã„ãƒ¬ã‚¹ ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹ã“ã¨ãŒæ¡ä»¶ã® Webã‚¢ãƒ—ãƒªã‚³ãƒ³ãƒ†ã‚¹ãƒˆãƒ»10K Apartã‹ã‚‰ã„ãã¤ ã‹é¢ç™½ã‹ã£ãŸã‚‚ã®ã‚’é¸ã‚“ã§ã¿ã¾ã—ãŸã€‚ ãƒ¢ãƒã‚¤ãƒ«ã§ã‚‚ä½¿ãˆã‚‹è»½é‡Webã‚µãƒ¼ãƒ“ã‚¹ã®ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã€ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã‹ãã€‚ãªã‹ãªã‹é¢ç™½ã„ã‚‚ã®ãŒæƒã£ã¦ã„ã¾ã—ãŸã€‚é–‹ç™ºè€…ã•ã‚“ã¯å‚è€ƒã«ã•ã‚Œã¦ã¯å¦‚ä½•ã§ã—ã‚‡ã†ã€‚ æ¡ä»¶ã¯ç”»åƒã‚„cssã€jsãªã©å…¨ã¦åˆã‚ã›ã¦10KBï¼ˆåœ§ç¸®å¯ï¼‰ä»¥å†…ã«åŽã‚ã‚‹ã“ã¨ã€æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å´©ã•ãªã„ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–è¨è¨ˆã§ã‚ã‚‹ã“ã¨ãªã©ãŒã‚ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯çµæ§‹APIã‚ã‚Šãã«ãªã£ã¦ã¾ã™ã€‚å½“ãŸã‚Šå‰ã‹ã‚‚ã§ã™ãŒï½— ç¾åœ¨120ä»¥ä¸Šã®ã‚‚ä½œå“ãŒã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã‚Œã¦ã„ã¾ã™ãŒã€ã“ã®ä¸ã§å€‹äººçš„ã«æ°—ã«å…¥ã£ãŸã‚‚ã®ã‚’10å€‹ã»ã©ã”ç´¹ä»‹ã—ã¾ã™ã€‚é †ä¸åŒã€‚
kijtra 2011/09/28
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ã‚µã‚¤ãƒˆé«˜é€ŸåŒ–
ãƒªãƒ³ã‚¯
è‘—ä½œæ¨©æ”¾æ£„ãƒ»ã‚·ãƒ³ãƒ—ãƒ«ãƒ»è»½é‡ã§ã€iPhoneãªã©ã«ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’èª¿æ•´ã§ãã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®HTML5ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ»Fluid Baseline Grid - ã‹ã¡ã³ã¨.net
ãªã‹ãªã‹å‡„ã„ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚ã£ãŸã®ã§ åå°„çš„ã«ãƒ¡ãƒ¢ã€‚ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã¨ã„ã† ã®ãŒä½•ã‚ˆã‚Šå¤ªã£è…¹ã§ã™ããƒ¼ã€‚è‡ªç”±ã«ä½¿ç”¨ã§ ãã¦ã€ã‚·ãƒ³ãƒ—ãƒ«ã§æ±Žç”¨çš„ã€ã—ã‹ã‚‚è»½é‡ã§ iPhoneã‚„iPadã«ã‚‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è‡ªå‹•èª¿æ•´ ã™ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®HTML5 ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã“ã‚Œã€å‡„ãè‰¯ã„æ„Ÿã˜ã§ã™ã€‚ã„ã„ã‚‚ã®å…¨éƒ¨è©°ã‚è¾¼ã‚“ã ã€ã¿ãŸã„ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ããƒ»ãƒ»ãƒ»ã¡ã‚ƒã‚“ã¨ä½¿ã„ã“ãªã›ã‚‹ã‚ˆã†ã«ãªã‚ŠãŸã„ã‹ã‚‚ã€‚ Media Queriesã‚’ä½¿ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®CSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚3ã‚«ãƒ©ãƒ æ§‹æˆã§çµ„ã‚ã‚‹ã‚ˆã†ã«ã‚‚ã—ã¦ã‚ã‚Šã¾ã™ã€‚ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯HTML5+CSS3ã§ã™ãŒã€jsã‚’ä½¿ã£ã¦IEã«ã‚‚å¯¾å¿œã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ä»¥ä¸‹ã«ã–ã£ã¨ç‰¹å¾´ã‚’ã€‚ è‘—ä½œæ¨©æ”¾æ£„(ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³) è»½é‡(CSSã¯9kb) ãƒ™ãƒ¼ã‚¹ãƒ©ã‚¤ãƒ³ã‚°ãƒªãƒƒãƒ‰ã«æƒæ¸ˆã¿ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆå¯¾å¿œ iPhoneã‚„iPadãªã©ã«ã‚‚è‡ªå‹•ã§ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’
kijtra 2011/09/26
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

cssãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
ãƒªãƒ³ã‚¯
Responsive Web Designç”¨ã®HTML5+CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ
iPhone, Androidã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®å°ã•ã„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‹ã‚‰ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®å¤§ãã„ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã¾ã§ã€ãã‚Œãžã‚Œã®è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹HTML5+CSS3ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚µã‚¤ã‚ºå¤‰æ›´æ™‚ã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ä¸€éƒ¨ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç§»å‹•ã—ã€é¢ç™½ã„ä»•æŽ›ã‘ã«ã‚‚åˆ©ç”¨ã§ããã†ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…480pxã§è¡¨ç¤º [ad#ad-2] HTMLã®æ§‹é€ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯ãƒ–ãƒã‚°ã‚’æƒ³å®šã—ã¦ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ç‰¹é›†è¨˜äº‹ã€æœ€è¿‘ã®è¨˜äº‹ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã€ãƒ•ãƒƒã‚¿ã€ã¨ã‚·ãƒ³ãƒ—ãƒ«ãªæ§‹æˆã§ã™ã€‚ HTML: index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Onextrapixel - Responsive Web Design Template</title>
kijtra 2011/09/16
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ã€iPhoneã€iPadã€PCã¨ãƒžãƒ«ãƒã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ãƒ†ãƒ¼ãƒžé›†
TOPÂ Â >Â Â WordPressÂ Â >Â Â ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ã€iPhoneã€iPadã€PCã¨ãƒžãƒ«ãƒã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ãƒ†ãƒ¼ãƒžé›† éžå¸¸ã«ä½¿ã„å‹æ‰‹ã®è‰¯ã„CMSã€Wordpressã€‚å›½å†…ã§ã‚‚å¤šãã®æ–¹ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯iPhoneã€iPadã€PCã¨ãƒžãƒ«ãƒã«ä½¿ãˆã‚‹ãƒ•ãƒªãƒ¼ãƒ¯ãƒ¼ãƒ‰ãƒ—ãƒ¬ã‚¹ãƒ†ãƒ¼ãƒžã‚’é›†ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œã€ã§ã™ã€‚ Yoko ã“ã“æ•°å¹´ã§WEBã‚’é–²è¦§ã™ã‚‹ç’°å¢ƒã¯åŠ‡çš„ã«å¢—ãˆã€æœ€è¿‘ã¯è€ƒãˆã¦ãŠã‹ãªã„ã¨ã„ã‘ãªã„äº‹é …ã®ä¸€ã¤ã¨ãªã£ã¦ãã¾ã—ãŸã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å°‚ç”¨ã®ãƒ†ãƒ¼ãƒžã‚’å‰µã‚‹ã¨ã„ã†ã®ã‚‚æ™‚é–“ãŒã‹ã‹ã‚‹ã®ã§ã€åˆã‚ã‹ã‚‰å¯¾å¿œã¨ã„ã†ã®ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼å±¤ã«ã‚ˆã£ã¦ã¯å¤§ããªãƒ¡ãƒªãƒƒãƒˆã ã¨æ€ã„ã¾ã™ã€‚ã„ãã¤ã‹ã®ãƒ†ãƒ¼ãƒžãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ãã®ä¸ã‹ã‚‰æ°—ã«ãªã£ãŸã‚‚ã®ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ iTheme2 ã‚¢ãƒƒãƒ—ãƒ«ãƒ©ã‚¤ã‚¯ãªãƒ•ãƒªãƒ¼ãƒ†ãƒ¼ãƒžã€‚iPhoneã€iPadç’°å¢ƒåŒ–ã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¤ã‚¹ãƒˆã¯ç”Ÿãã¦ã„ã‚‹ã‚ˆã†ãªæ°—
kijtra 2011/09/12
WordPressãƒ†ãƒ¼ãƒž

ã‚µã‚¤ãƒˆåˆ¶ä½œ,ã‚¹ãƒžãƒ›

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