[B! CSS] koji-watanabeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

koji-watanabe id:koji-watanabe

CSSã«é–¢ã™ã‚‹koji-watanabeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

http://hpbuilder.net/weblog/2007/05/21065812.html
koji-watanabe 2011/05/11
mobile

software

browser

css

testing
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ã§ã€ã‚ã‚“ã¾ã‚Šæ›¸ã‹ã‚Œã¦ãªã„ã“ã¨ã‚’æ›¸ã„ã¦ã¿ãŸ - Kaleidoscope
ã€ã‚¹ãƒžãƒ›å¯¾å¿œã‚µã‚¤ãƒˆåˆ¶ä½œã®ã‚ˆã‚Šè©³ã—ã„è¨˜äº‹ã¯ã“ã¡ã‚‰ã€‘ 1.ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç·¨ 2.HTMLã¨CSSã§ç”»åƒã‚’æ“ã‚‹ç·¨ï¼ˆå‰ç·¨ï¼‰ 2.HTMLã¨CSSã§ç”»åƒã‚’æ“ã‚‹ç·¨ï¼ˆå¾Œç·¨ï¼‰ ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹é–¢é€£ã®ãƒ–ãƒã‚°ã¨ã‹ã‚’è¦‹ã¦ã¦ã€viewportå‘¨ã‚Šã®åŸºæœ¬çš„ãªè¨å®šã¯æ›¸ã‹ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ å€‹äººçš„ã«é‡è¦ã ã¨æ€ã†ãƒã‚¤ãƒ³ãƒˆãŒã€ãªã‹ãªã‹ã©ãªãŸã‚‚æ›¸ã„ã¦ã‚‰ã£ã—ã‚ƒã‚‰ãªã„ã‚ˆã†ãªæ°—ãŒã™ã‚‹ã®ã§ã€ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚Œã¯ã€ ã¨ã«ã‹ãå†…å´ã®HTMLè¦ç´ ã‚’ãƒãƒŸå‡ºã•ãªã„ã‚ˆã†ã«ä½œã‚‹ ã©ã†ã—ã¦ã‹ï¼Ÿ ãµã¤ã†ã¯ã€ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¨ã„ã†ã®ã¯ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã‹ã•ã›ãŸããªã„ã§ã™ã‚ˆãã€‚ ä¾‹ãˆã°ã€iPhoneã§è¨€ã†Portraitï¼ˆç¸¦ï¼‰è¡¨ç¤ºã®ã¨ãã€æ¨ªå¹…320pxã‚’è¶…ãˆãŸãƒšãƒ¼ã‚¸æ§‹æˆã«ãªã‚‹ã¨ã€ ãŠã‹ã—ãªæ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒç™ºç”Ÿã—ã¦ã—ã¾ã„ã¾ã™ã€‚ viewportã§æ‹¡å¤§ã¨ã‹ã®ç¦æ¢ã‚’ãŠã“ãªã£ã¦ã„ã¦ã‚‚ã€ãã†ãªã‚Šã¾ã™ã€‚ ï¼ˆã¾ãã€æ‹¡å¤§ã¨ã¯æ„å‘³ãŒé•ã†ã®ã§å½“ç„¶ãªã®ã§ã™ãŒã€‚ã€‚ã€‚ï¼‰ å…·ä½“çš„ã«ã©ã†ã„
koji-watanabe 2011/01/27
ã«ã‹ãå†…å´ã®HTMLè¦ç´ ã‚’ãƒãƒŸå‡ºã•ãªã„ã‚ˆã†ã«ä½œã‚‹

iphone

android

tips

mobile

smartphone

css
ãƒªãƒ³ã‚¯
Webã‚¢ãƒ—ãƒªã‚’iPhoneã£ã½ãã™ã‚‹ãŸã‚ã®5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
Webã‚¢ãƒ—ãƒªã‚’iPhoneã£ã½ãã™ã‚‹ãŸã‚ã®5ã¤ã®ãƒã‚¤ãƒ³ãƒˆï¼šiPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webã‚¢ãƒ—ãƒªé–‹ç™ºå…¥é–€ï¼ˆ1ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ iPhoneã§å‹•ã‹ã™æ¥å‹™ç”¨Webã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã‚³ãƒ„ã‚’ç´¹ä»‹ åˆã‚ã¾ã—ã¦ã€‚ä»Šå›žã‹ã‚‰æœ¬é€£è¼‰ã‚’åŸ·ç†ã™ã‚‹çŸ³ç”°ã§ã™ã€‚ç†è€…ã¯ã€ãƒ‰ãƒªãƒ¼ãƒ ãƒ»ã‚¢ãƒ¼ãƒ„ã§å¤šåº—èˆ—å±•é–‹ã™ã‚‹ãƒã‚§ãƒ¼ãƒ³åº—ä¼æ¥å‘ã‘ã®æ¥å‹™ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ”¯æ´ã‚¯ãƒ©ã‚¦ãƒ‰ã‚µãƒ¼ãƒ“ã‚¹ã§ã‚ã‚‹ã€Œåº—èˆ—maticã€ã®é–‹ç™ºãƒ»é‹ç”¨ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ ãƒ‰ãƒªãƒ¼ãƒ ãƒ»ã‚¢ãƒ¼ãƒ„ã®é¡§å®¢ã§ã‚ã‚‹å¤šåº—èˆ—ãƒã‚§ãƒ¼ãƒ³ä¼æ¥ã§ã¯ã€å¤šãã®åº—èˆ—ã‚’ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆã™ã‚‹ãŸã‚ã«ã€ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒã‚¤ã‚¶ã‚„ã‚¨ãƒªã‚¢ãƒžãƒãƒ¼ã‚¸ãƒ£ã¨ã„ã†ã€æ‹…å½“ã™ã‚‹åº—èˆ—ã‚’å·¡å›žã—ã¦åº—èˆ—ã®é‹å–¶ã‚’æ”¯æ´ã—ãŸã‚Šã€æœ¬éƒ¨ã¨åº—èˆ—ã®é–“ã®ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å–ã‚ŠæŒã¤å½¹å‰²ã®äººãŒå¤šãã„ã¾ã™ã€‚ ã“ã†ã„ã£ãŸäººã€…ãŒå¸¸ã«æœ€æ–°ã®æƒ…å ±ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã€æ¥å‹™ã‚’ã‚ˆã‚Šè‰¯ãã—ã¦ã‚‚ã‚‰ã†ãŸã‚ã«ã€ã€Œåº—èˆ—maticã€ã¯ã€2010å¹´8æœˆã«iPhoneã§ã®åˆ©ç”¨ã«å¯¾å¿œã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾
koji-watanabe 2010/10/01
CSS

design

html

html5

iphone

javascript

webdesign
ãƒªãƒ³ã‚¯
HTMLã®è¦ç´ ã‚’SQLã®ã‚ˆã†ã«å–ã‚Šå‡ºã›ã‚‹PHPã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŽhtmlSQLã€ | IDEA*IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
koji-watanabe 2010/07/14
CSS

development

html

library

php

programming

tool

tools

web

webdev
ãƒªãƒ³ã‚¯
30åˆ†ã§ã§ãã‚‹ï¼Webã‚µã‚¤ãƒˆã‚’é«˜é€ŸåŒ–ã™ã‚‹6å¤§åŽŸå‰‡ (1/4)
Webã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹ã¨ãã€ã€Œãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€ã‚’æ°—ã«ã—ãŸã“ã¨ãŒã‚ã‚‹ã ã‚ã†ã‹ï¼Ÿã€€ã‚‚ã—ã¾ã£ãŸãæ°—ã«ã—ãŸã“ã¨ãŒãªã„ãªã‚‰ã€æ°—ã‚’ã¤ã‘ãŸæ–¹ãŒã„ã„ã€‚é–²è¦§ã«æ™‚é–“ã®ã‹ã‹ã‚‹â€œé…ã„Webã‚µã‚¤ãƒˆâ€ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¸Žãˆã€é–²è¦§ã‚’ã‚„ã‚ã•ã›ã¦ã—ã¾ã†æã‚ŒãŒã‚ã‚‹ã€‚ ä¸‹è¨˜ã®ã‚°ãƒ©ãƒ•ã¯ã€ã€ŒSimple-Talkã€ã¨ã„ã†æµ·å¤–ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ¡ãƒ‡ã‚£ã‚¢ã§ç™ºè¡¨ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼èª¿æŸ»ã®çµæžœã ã€‚ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã«ã‹ã‹ã‚‹æ™‚é–“ã‚’æ„å›³çš„ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã—ã€è¡¨ç¤ºæ™‚é–“ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ„Ÿã˜ã‚‹ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã®é•ã„ã‚’èª¿ã¹ãŸã‚‚ã®ã ã€‚ ç¸¦è»¸ãŒãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆ10æ®µéšŽï¼‰ã€æ¨ªè»¸ãŒè¡¨ç¤ºã¾ã§ã®æ™‚é–“ã‚’è¡¨ã—ã¦ã„ã‚‹ã€‚1ï½ž5ç§’ä»¥å†…ã«ãƒšãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚ŒãŸäººã«æ¯”ã¹ã€ãƒšãƒ¼ã‚¸è¡¨ç¤ºã¾ã§ã«5ç§’ä»¥ä¸Šã‹ã‹ã£ãŸäººã¯2å€ä»¥ä¸Šã‚‚ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ„Ÿã˜ã¦ã„ã‚‹ã€‚ãƒ•ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã¾ã‚Šã«é«˜ã‘ã‚Œã°ã€ã›ã£ã‹ãä½•ã‚‰ã‹ã®ç›®çš„ã‚’æŒã£ã¦è¨ªã‚Œã¦ããŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚‚å¾…ã¡åˆ‡ã‚Œãšã«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚’é–‰ã˜ã¦ã—ã¾ã†
koji-watanabe 2009/09/09
tips

development

web

javascript

performance

CSS

optimize
ãƒªãƒ³ã‚¯
Tori's Eye
Welcome to Tori's Eye! Tori's eye is a Twitter visualization tool, inspired by papercraft and origami. It's a visual and technical experiment implemented using only standard XHTML/CSS and Javascript. What does it do? Enter a word in the search box and then catch some birds with your mouse to read the tweet they're carrying. Tori's Eye fetches the latest tweets containing the word you input from Tw
koji-watanabe 2009/08/12
twitter

api

javascript

XHTML

CSS

neta
ãƒªãƒ³ã‚¯
1