[B! iPhone] KAZUMA87ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

KAZUMA87 id:KAZUMA87

iPhoneã«é–¢ã™ã‚‹KAZUMA87ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

iPhoneã¨iPadã®åˆ‡ã‚Šæ›¿ãˆãŒå¯èƒ½ã§ã€ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—(æ¨ªå‘ãè¡¨ç¤º)å¯¾å¿œã®ãƒ–ãƒ©ã‚¦ã‚¶ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ãƒ»Electric Plumçµæ§‹ï½²ï½²ï¼ï¼ˆãƒ»âˆ€ãƒ»ï¼‰â€»Winç”¨ - ã‹ã¡ã³ã¨.net
iPhoneã¨iPadã‚’ã‚µã‚¯ãƒƒã¨åˆ‡ã‚Šæ›¿ãˆ å‡ºæ¥ã¦ã€ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—ï¼ˆæ¨ªå‘ãï¼‰ ã«ã‚‚åˆ‡ã‚Šæ›¿ãˆå¯èƒ½ãªiOSå‘ã‘ã®ç„¡æ–™ ã®ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ãŒçµæ§‹è‰¯ã‹ã£ãŸ ã®ã§ã‚·ã‚§ã‚¢ã€‚Windowsç”¨ã§ã™ã€‚è¡¨ç¤º ã®ç¢ºèªã«ã¯çµæ§‹ã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ãª ã¨æ€ã„ã¾ã™ã€‚ iPhoneã¨iPadã®åˆ‡ã‚Šæ›¿ãˆãŒå‡ºæ¥ã¦æ¨ªå‘ãã«ã‚‚å‡ºæ¥ã‚‹iOSãƒ–ãƒ©ã‚¦ã‚¶ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã€‚å€‹äººçš„ã«ã¯ç¢ºèªã‚‚æ¥½ã§å‹•ä½œã‚‚è»½ã„ã®ã§çµæ§‹ã„ã„ãªã¨æ€ã„ã¾ã—ãŸã€‚ãŸã ã—ã€Windowsç”¨ã§ã™ã€‚ èµ·å‹•ã™ã‚‹ã¨iPhoneã¨iPadã‚’é¸ã¹ã¾ã™ã€‚é¸ã‚“ã§URLãƒœãƒƒã‚¯ã‚¹ã«ã‚¢ãƒ‰ãƒ¬ã‚¹å…¥ã‚Œã¦ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ï½“ãƒ»ãƒ» ã‚„ã£ã±ã‚Šèª¬æ˜Žä¸‹æ‰‹ãªã®ã§å‹•ç”»ã¿ã¦é ‚ã‘ã¾ã™ã‹ã€‚ iPadã®ãƒ©ãƒ³ãƒ‰ã‚¹ã‚±ãƒ¼ãƒ—ã ã‘ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’å°ã•ãã—ã¦ã„ãŸãŸã‚å¾®å¦™ãªæ„Ÿã˜ã§ã™ãŒã€è¡¨ç¤ºã¯ã¡ã‚ƒã‚“ã¨ã—ã¦ã¾ã™ã€‚ã©ã†ã‚‚ä¸æ…£ã‚Œã§ç”³ã—è¨³ãªã„ã§ã™ã€‚ ä¸€å¿œæ©Ÿèƒ½ã‚’ã”ç´¹ä»‹ã€‚ iPhone â‡” iPadã®åˆ‡ã‚Šæ›¿ãˆãŒæ¥½ iPhoneã¨iPadã®åˆ‡ã‚Šæ›¿ãˆãŒå‡„ã„æ¥½ã§ã™ã€‚ã“ã‚Œã ã‘
KAZUMA87 2011/11/18
iphone

ipad

ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿

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

iPad

iOS

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢

iPhone
ãƒªãƒ³ã‚¯
http://mokk.me/
KAZUMA87 2011/06/13
JavaScript

jQuery

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

WEBåˆ¶ä½œ

ãŠå½¹ç«‹ã¡

ãƒ¢ãƒã‚¤ãƒ«

iPhone

ä¾¿åˆ©

ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã‚ãšCSS3ã ã‘ã§å°–ã£ãŸBackãƒ»Nextãƒœã‚¿ãƒ³ã‚’ä½œã‚‹æ–¹æ³•
CSS3ã ã‘ã§ã€iOSé¢¨ã®Backã‚„Nextã®å°–ã£ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒœã‚¿ãƒ³ä½œã‚‹æ–¹æ³•ãªã„ã‹ãªã€œã¨æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€è‰¯è¨˜äº‹ãŒã‚ã£ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚Androidã§ç¢ºèªã—ã¦ã¾ã›ã‚“ãŒã€webkitå‘ã‘ãªã®ã§ãŸã¶ã‚“Androidã§ã‚‚å¤§ä¸ˆå¤«ã ã¨æ€ã„ã¾ã™ã€‚Androidã¯ã²ã¨å·¥å¤«å¿…è¦ãã†ã§ã™ã€‚ CSS3 Wizardry -Back and Next Buttons Revisited- CSS3 Wizardry -Subpixel Rendering- Buttons Revisitedã®æ–¹ãŒæ”¹è‰¯ç‰ˆã§ç–‘ä¼¼è¦ç´ ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¿ãŸã„ã§ã™ã€‚åŽŸç†ã¯Subpixel Renderingã®æ–¹ãŒã‚ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ãƒã‚¤ãƒ³ãƒˆã¨ãªã‚‹HTML ãƒœã‚¿ãƒ³ã‚’æ§‹æˆã™ã‚‹è¦ç´ ã¯ã“ã‚Œã ã‘ã€‚  <div class="button bordered back"> <span class="label">Back</s
KAZUMA87 2011/05/14
JavaScript

css3

*css

Tutorial

ãƒ¢ãƒã‚¤ãƒ«

css

æºå¸¯ã‚µã‚¤ãƒˆ

æºå¸¯é›»è©±

iPhone
ãƒªãƒ³ã‚¯
ã‚‚ã†CSSãƒãƒƒã‚¯ã¯å¿…è¦ãªã—!? ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€Œcssuseragentã€ | Webæ´»ãƒ¡ãƒ¢å¸³
CSSã§ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®é•ã„ã£ã¦æœ¬å½“ã«å«Œã§ã™ã‚ˆãã€‚ CSSãƒãƒƒã‚¯ã§å¯¾å¿œã™ã‚‹æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æœ¬æ—¥ç´¹ä»‹ã™ã‚‹ã€Œcss useragentã€ã‚’ä½¿ã†ã¨classã®ä½œã‚Šæ–¹ã‚’å°‘ã—å·¥å¤«ã™ã‚‹ã ã‘ã§ã‚ˆã‚ŠæŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ è¨å®šæ–¹æ³•ã¯JavaScriptã‚’ä¸€ã¤èªã¿è¾¼ã‚€ã ã‘ã«ãªã‚Šã¾ã™ã€‚ <scriptÂ src="cssua.min.js"Â type="text/javascript"></script> ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¨ã€ãƒšãƒ¼ã‚¸ã®htmlå±žæ€§ã«å‹•çš„ã«classå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã§ã™ãŒã€IE6ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã«ã¯ ua-ie-6ã¨ã„ã†classåãŒè¿½åŠ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <htmlÂ class="ua-ie-6"> <head>â€¦</head> <body>â€¦</body> </html> iPhoneã®å ´åˆã¯ua-
KAZUMA87 2011/01/06
ãƒ–ãƒ©ã‚¦ã‚¶

html

css

iphone

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

js

Javascript

CSSãƒãƒƒã‚¯
ãƒªãƒ³ã‚¯
Less Framework
An adaptive CSS grid system. What It Is Less Framework is a CSS grid system for designing adaptive webÂsites. It contains 4 layouts and 3 sets of typography presets, all based on a singleÂ grid. Default Layout 10 columns at 992Â px. For deskÂtops, laptops, tablets in landscape orientation, and all old browsers. Can be split according to the Golden Ratio at 6 columns, which is also the optimal width
KAZUMA87 2011/01/06
ã‚¹ãƒžãƒ›ãªã©ã«ã‚‚å¯¾å¿œå¯èƒ½ãªCSSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

framework

webdesign

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

css

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

html5

iphone

HTML

ipad

media query
ãƒªãƒ³ã‚¯
iPhone4ã‚’Fireworksã§ä½œã£ã¦ã¿ã¾ã—ãŸ - ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚å’Œç”°ã§ã™ã€‚ å…ˆæ—¥ã€iPhone4ãŒç™ºå£²ã«ãªã‚Šã¾ã—ãŸãã€‚ æ¬²ã—ã„ãªâ€¦ãªã‚“ã¦æ€ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãƒ‰â—‹ãƒ¢ãƒ¦ãƒ¼ã‚¶ãƒ¼ãªè‡ªåˆ†ã«ã¯ç„¡ç†ãªã‚“ã§ã™ã‚ˆãã€‚ã¯ãï½žã€‚ ã¯ã‚„ãã€SIMãƒ•ãƒªãƒ¼ã®ç’°å¢ƒã«ãªã£ã¦ãã‚Œãªã„ã‹ãªâ€¦ã€‚ ãªã‚“ã¦æ°—æŒã¡ã‚’ã“ã‚ã¦ï¼ ã˜ã‚ƒãªã‹ã£ãŸã€ ä»Šå¾Œã€iPhoneã‚¢ãƒ—ãƒªã®ææ¡ˆã«ã‚‚ä½¿ãˆã‚‹ã¨æ€ã„ã€Fireworksã§iPhone4ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚¹ãƒ†ãƒƒãƒ—-1ï½ž10ã«ã¾ã¨ã‚ãŸã®ã§ã€çš†ã•ã‚“ã‚‚ä½œã£ã¦ã¿ã¦ãã ã•ã„ãã€‚ â†“å‡ºæ¥ä¸ŠãŒã‚Šã¯ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ ã¾ãš1200Ã—1600pixelã®ã‚ãƒ£ãƒ³ãƒã‚¹ã‚’ä½œã‚Šã¾ã™ã€‚ ã‚¹ãƒ†ãƒƒãƒ—-1ã€€ï¼šã‚¹ãƒ†ãƒ³ãƒ¬ã‚¹ã‚¹ãƒãƒ¼ãƒ«ãƒãƒ³ãƒ‰ï¼ˆå¤–æž ï¼‰ã‚’ä½œã‚‹ çŸ©å½¢ãƒ„ãƒ¼ãƒ«ã§750Ã—1472pixelï¼ˆx=225,y=64ï¼‰ã®é•·æ–¹å½¢ã‚’ä½œã‚Šã€ ãƒ»ä¸¸ã¿ï¼š28%ã€ ãƒ»ç·šå½¢ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ï¼š#8c8c8c,#ccc ccc,#8c8c8c ãƒ»å…‰å½©ï¼ˆå†…å´ï¼‰ï¼šè·é›¢â†’2,ä¸é€æ˜Žåº¦â†’50%,ã¼ã‹ã—â†’1,ã‚ªãƒ•ã‚»ãƒƒãƒˆâ†’0
KAZUMA87 2010/07/14
fireworks

Tutorial

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

iPhone

iPhone4

Adobe Fireworks
ãƒªãƒ³ã‚¯
1