[B! layout] sivadselimã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sivadselim id:sivadselim

layoutã«é–¢ã™ã‚‹sivadselimã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

ä¸€è¡Œã‚ãŸã‚Šã®æ–‡å—æ•°ã‚’åˆ¶é™ã™ã‚‹ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ - 2xup.org
2006-12-20T02:12:30+09:00 ä»Šå›žã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã€ã“ã‚Œã¾ã§ px ã§æŒ‡å®šã—ã¦ã„ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã®å€¤ã®å˜ä½ã‚’ % ã¨æŒ‡å®šå¤‰æ›´ã€‚ ã„ã‚ã‚†ã‚‹ liquid (ãƒªã‚ãƒƒãƒ‰) ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã„ã†ã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ãƒ¦ãƒ¼ã‚¶ãŒé–²è¦§ã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã®å¹…ã«åˆã‚ã›ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã‚‚å¤‰åŒ–ã—ã¾ã™ã€‚ div#container { width: 80%; } px ã§æŒ‡å®šã—ã¦ã„ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã‚’ã€% ã§ã®æŒ‡å®šã«å¤‰æ›´ã—ã€ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«å¤‰æ›´ã—ãŸã‚‚ã®ã®ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã® 80% ã®å¹…ã¨ã„ã†æŒ‡å®šã§ã™ã®ã§ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’åºƒã’ã‚Œã°ã„ãã‚‰ã§ã‚‚å¤§ãããªã‚Šã¾ã™ (ã‚‚ã¡ã‚ã‚“å°ã•ãã‚‚ãªã‚Šã¾ã™)ã€‚ãã‚Œã§ã‚‚å•é¡Œãªã„ã®ã§ã™ãŒã€ã§ãã‚Œã°ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã«æœ€å¤§å¹…ã¨æœ€å°å¹…ã‚’æŒ‡å®šã—ã€å°ã•ããªã‚Šã™ãŽã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã‚ˆã†ãªäº‹ã‚‚ãªãã€ä¸€è¡Œã‚ãŸã‚Šã®æ–‡å—æ•°ã‚’ç›®ã§è¿½ãˆã‚‹ç¨‹åº¦ã®å¹…ã‚’ã‚ãƒ¼ãƒ—ã§ãã‚Œã°ã¨è€ƒãˆã€ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ fl
sivadselim 2008/06/25
css

layout

design
ãƒªãƒ³ã‚¯
Subtraction: Grid Computingâ€¦ and Design
The layout grid I used for Subtraction Six.5 was improvised and inconsistent â€” I hobbled it together without much consideration or foresight, more interested in getting something finished than building something that would continue to make sense as I got more and more serious about the writing I post here. Over time, by virtue of repeated use, I became increasingly and lamentably invested in its t
sivadselim 2008/06/23
grid

design

layout

web
ãƒªãƒ³ã‚¯
ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãŸã‚ã®èƒŒæ™¯ç”»åƒ - lucky bag
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹ã®ã§ã‚ã‚Œã°ã€ã‚ã‚‰ã‹ã˜ã‚ CSS ã§èƒŒæ™¯ç”»åƒã«ãƒ«ãƒ¼ãƒ©ãƒ¼ã¿ãŸã„ãªç”»åƒã‚’æŒ‡å®šã—ã¦ãŠã‘ã°åˆ¶ä½œæ™‚ã«ä¾¿åˆ©ã˜ã‚ƒãï¼Ÿã£ã¦ã‚¢ã‚¤ãƒ‡ã‚¢ã€‚ Subtraction: Grid Computingâ€¦ and Design Airbag - Ruler. Using a Background Image Grid to Lay Out Your Web Site | Smiley Cat Web Design ã¤ã†ã“ã¨ã§ã€è‡ªåˆ†ãŒä½¿ã„ã‚„ã™ã„ã¨æ€ã†æ–¹çœ¼ç”»åƒã‚’ã¡ã‚ƒã¡ã‚ƒã£ã¨ä½œã£ã¦ã¿ãŸã€‚ gifç”»åƒï¼ˆã”è‡ªç”±ã«ã©ã†ãžï¼‰ grid.gif (GIF ç”»åƒ, 200x200 px) å®Ÿéš›ã«é©ç”¨ã—ã¦ã¿ãŸã‚µãƒ³ãƒ—ãƒ« ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãŸã‚ã®èƒŒæ™¯ç”»åƒã®ã‚µãƒ³ãƒ—ãƒ« ãƒ«ãƒ¼ãƒ©ãƒ¼ã®æœ€å°å˜ä½ã¯ 5px ã§ã€ãã‚Œã‚ˆã‚Šè‹¥å¹²æ¿ƒã„ç·šãŒ 10px ã€ã•ã‚‰ã«æ¿ƒã„ç·šãŒ 50pxã€ã‚“ã§ã‚‚ã£ã¦è–„ã„ã‚°ãƒ¬ãƒ¼ã®èƒŒæ™¯ãŒ 100px å˜ä½ã£ã¦
sivadselim 2008/06/23
css

design

layout
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ã®ç”»é¢è¨è¨ˆã«ä½¿ãˆã‚‹ã¾ã¨ã‚ - DesignWalker
sivadselim 2008/06/21
design

development

layout

tool

ui
ãƒªãƒ³ã‚¯
é€†å¼•ãCSSãƒãƒƒã‚¯(IE8,Firefox,Opera,Safariã‚’å«ã‚ãŸãƒ–ãƒ©ã‚¦ã‚¶åˆ¥CSSãƒãƒƒã‚¯)
cat888 live à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸‚à¸à¸‡à¹€à¸£à¸²à¹„à¸”à¹‰à¸£à¸±à¸šà¸à¸²à¸£à¸£à¸±à¸šà¸£à¸à¸‡à¸§à¹ˆà¸²à¹€à¸›à¹‡à¸™à¹€à¸§à¹‡à¸šà¸žà¸™à¸±à¸™à¸—à¸µà¹ˆà¸¡à¸µà¸„à¸¸à¸“à¸ à¸²à¸žà¹€à¸¢à¸µà¹ˆà¸¢à¸¡à¸—à¸µà¹ˆà¸ªà¸¸à¸”à¹ƒà¸™à¸›à¸£à¸°à¹€à¸—à¸¨à¹„à¸—à¸¢à¸ªà¸³à¸«à¸£à¸±à¸šà¸à¸²à¸£à¸žà¸™à¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¹€à¸§à¹‡à¸šà¸žà¸™à¸±à¸™à¸—à¸µà¹ˆà¸¡à¸±à¹ˆà¸™à¸„à¸‡à¹à¸¥à¸°à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¸—à¸µà¹ˆà¸ªà¸¸à¸”à¸ªà¸³à¸«à¸£à¸±à¸šà¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œà¸—à¸µà¹ˆà¸—à¸³à¸à¸²à¸£à¹€à¸‡à¸´à¸™à¸à¸¢à¹ˆà¸²à¸‡à¸¡à¸±à¹ˆà¸™à¸„à¸‡à¹à¸¥à¸°à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¹à¸¥à¸°à¸£à¸±à¸šà¸£à¸à¸‡à¸„à¸§à¸²à¸¡à¹€à¸›à¹‡à¸™à¸ªà¹ˆà¸§à¸™à¸•à¸±à¸§à¸‚à¸à¸‡à¸„à¸¸à¸“à¹ƒà¸™à¸à¸²à¸£à¹€à¸¥à¹ˆà¸™à¹€à¸à¸¡à¸žà¸™à¸±à¸™à¸—à¸µà¹ˆà¸™à¸µà¹ˆ. à¸—à¸²à¸‡à¹€à¸£à¸²à¸¡à¸¸à¹ˆà¸‡à¹€à¸™à¹‰à¸™à¹ƒà¸«à¹‰à¸›à¸£à¸°à¸ªà¸šà¸à¸²à¸£à¸“à¹Œà¸à¸²à¸£à¸žà¸™à¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œà¸—à¸µà¹ˆà¹„à¸¡à¹ˆà¸‹à¹‰à¸³à¸‹à¸²à¸à¹à¸¥à¸°à¸™à¹ˆà¸²à¸ªà¸™à¸¸à¸à¸—à¸µà¹ˆà¸ªà¸¸à¸”à¹€à¸¥à¸¢à¸„à¹ˆà¸°! cat888 à¸«à¸§à¸¢ à¹€à¸¡à¸·à¹ˆà¸à¸„à¸¸à¸“à¸¡à¸µà¸„à¸§à¸²à¸¡à¸£à¸°à¸¡à¸±à¸”à¸£à¸°à¸§à¸±à¸‡à¹ƒà¸™à¸à¸²à¸£à¸žà¸™à¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸„à¸¸à¸“à¸ˆà¸°à¸¡à¸±à¹ˆà¸™à¹ƒà¸ˆà¹„à¸”à¹‰à¸§à¹ˆà¸²
sivadselim 2008/04/24
design

web

ui

layout
ãƒªãƒ³ã‚¯
EGã‚·ãƒªãƒ¼ã‚ºä»Šé€±ã®Tipsï½œã‚¨ãƒ«ã‚´ã‚½ãƒ•ãƒˆ
EGã‚·ãƒªãƒ¼ã‚ºæ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ä»Šé€±ã®Tips Intel Macã®ç™»å ´ã«ã‚ˆã‚Šã€å†ã³Macã®ä¸–ç•ŒãŒæ¬¡å…ƒã‚’è¶…ãˆãŸé€²åŒ–ã‚’ã—å§‹ã‚ã¾ã—ãŸã€‚æ–°ã—ã„Mac OS ã€ŽLeopardã€ ã®ç™»å ´ã‚‚é–“è¿‘ã¨ãªã‚Šãƒ¦ãƒ¼ã‚¶ã®æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã¾ã™ã€‚â€œegwordâ€ã€â€œegbridgeâ€ã‚·ãƒªãƒ¼ã‚ºã‚‚Macã®æœ€æ–°ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚’æ´»ç”¨ã—ãŸegword Universal 2ã€egbridge Universal 2ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ ã€Žç¾Žã—ãæ•´ã£ãŸæ›¸é¡žã‚’ä½œã‚‹ã€ã®æœ€çµ‚å›žã¯ãƒ“ã‚¸ãƒã‚¹ãªã©ã§ã‚ˆãä½¿ã‚ã‚Œã‚‹ã€Žç®‡æ¡æ›¸ãã€ã«ã¤ã„ã¦ã§ã™ã€‚ ãƒ“ã‚¸ãƒã‚¹æ–‡æ›¸ã§ã¯ã€ç®‡æ¡æ›¸ãã‚’ã‚ˆãä½¿ã„ã¾ã™ã€‚çŸæ™‚é–“ã§å‡ç¸®ã—ãŸæƒ…å ±ã‚’èªã¿ã¨ã‚‹ã“ã¨ãŒã§ãã‚‹æ›¸ãæ–¹ãªã®ã§ã€å¤šç”¨ã•ã‚Œã‚‹ã®ã‚‚å½“ç„¶ã§ã™ã€‚æ›¸ãæ–¹ã‚‚ã€ç®‡æ¡æ›¸ãã«ã—ã¦ã¿ã‚‹ã¨æ›¸ãã¹ãè¦ç´ ã‚’æ•´ç†ã—ã¦ã„ã‘ã‚‹ã¨ã„ã†åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚å‰å›žã®Tipsã§ä½œæˆã—ã¦ã„ãŸæ–‡æ›¸ã§ã¯ã€ç¬¬1.1ç¯€ã®å†…å®¹ã«ç®‡æ¡æ›¸ãã®ç•ªå·ãŒæŒ¯ã‚‰ã‚Œã¦ã„ã¾ã›ã‚“ã§ã—ãŸã€‚ç®‡æ¡æ›¸ãã®ç•ªå·ã‚’1ã¤1ã¤
sivadselim 2006/11/25
word

tips

layout

design
ãƒªãƒ³ã‚¯
ç¾Žã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¨ˆç®—ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ« :: Love & Design ::
ä»¥å‰ Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨é»„é‡‘æ¯”ã®é–¢ä¿‚ ã§ã”ç´¹ä»‹ã—ãŸã€ç™½éŠ€æ¯”ã€é»„é‡‘æ¯”ã€ç™½é‡‘æ¯”ã€ç¬¬äºŒé»„é‡‘æ¯”ã‚’ä½¿ã£ãŸç¾Žã—ã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¨ˆç®—ã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ãŒã€ã•ã‚‰ã«å†åˆ†å‰²ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šãƒ‘ãƒ¯ãƒ¼ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ é›»è„³ç‹‚æƒ³æ›²ã€€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®å°æŠ€ ä½¿ã„æ–¹ã¨èª¬æ˜Ž å®Ÿéš›ã«ç”»åƒã‚’è¡¨ç¤ºã—ãªãŒã‚‰åˆ†å‰²ãŒã§ãã‚‹ã®ã§ã€ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚„ç”»åƒã®å¤§ãã•ã‚’æ±ºã‚ã‚‹ã¨ãã‚„ã€ãƒã‚´ã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é…ç½®ã™ã‚‹ã¨ãã«ä¾¿åˆ©ã§ã™ã€‚ ã€ä½¿ç”¨ä¾‹ã€‘æ®µçµ„ï¼ˆï¼’ã‚«ãƒ©ãƒ ï¼‰ã™ã‚‹ã¨ã æ¨ªå¹…780px ã®å ´åˆ é»„é‡‘æ¯”ï¼šæ¨ªå¹… / 552px / 228px ç™½éŠ€æ¯”ï¼šæ¨ªå¹… / 512px / 268px ç™½é‡‘æ¯”ï¼šæ¨ªå¹… / 571px / 209px ç¬¬äºŒé»„é‡‘æ¯”ï¼šæ¨ªå¹… / 565px / 215px â†“ã‚‚ã—ã‹ã—ã¦é»„é‡‘æ¯”ï¼Ÿ ã“ã‚Œã¾ã§ãƒ†ã‚ãƒˆãƒ¼ã«æ±ºã‚ã¦ã„ãŸã¨ã„ã†æ–¹ã‚‚ã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã ã‘ã§ãªãã€ãƒ—ãƒ¬ã‚¼ãƒ³ã®è³‡æ–™ãªã©ã«ã‚‚æ´»ç”¨ã§ããã†ãªã®ã§ã€ãœã²ä¸€åº¦ãŠè©¦ã—ãã ã•ã„ã€‚ å‚è€ƒè¨˜äº‹ ã€Œè¦‹ãˆãªã„ç·šã€ã«æ²¿ã£ã¦ãƒšãƒ¼ã‚¸ã‚’ãƒ¬
sivadselim 2006/09/02
design

useful

web design

layout

development
ãƒªãƒ³ã‚¯
1