Webタイãƒã‚°ãƒ©ãƒ•ã‚£ã¾ã¨ã‚ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3年以上å‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„。 フォント指定や行間ã€ç´„物ã¨ã„ã£ãŸã€æ–‡å—周りã®ãƒŽã‚¦ãƒã‚¦ã§ã™ã€‚デザインã¨ã„ã†ã‚ˆã‚ŠæŠ€è¡“çš„ãªã¾ã¨ã‚。SWFObjectã¨ã‹sIFRã¨ã„ã£ãŸFlashãƒã‚¿ã‚’除ã‘ã°ã€Webã®æ–‡å—ã¯å…¨éƒ¨CSSã§ã§ãã‚‹ã‚“ã ã‹ã‚‰... コーダã“ãタイãƒã‚°ãƒ©ãƒ•ã‚£ã‚’æ„è˜ã™ã¹ã—。看æ¿ã¿ã¦æ›¸ä½“言ã„当ã¦ã‚‹ã¨ã‹å¤‰æ…‹çš„ãªåŸŸã¾ã§é”ã›ãšã¨ã‚‚ã€åŽŸå‰‡ã ã‘覚ãˆã¨ã‘ã°ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒæ§˜ã«ãªã‚‹ã‚“ã ã—。 ã‚ªãƒ¼ãƒ«ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«æ•°å— ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆâ€œï¼†â€ï¼‰ スモールã‚ャップ ãƒã‚¤ãƒ•ãƒ³ã¨ãƒ€ãƒ¼ã‚· å„種スペース åˆå— 約物 約物ã¯ã¶ã‚‰ä¸‹ã’ã‚‹ :beforeã¨:after 見出ã—ã®ã‚µã‚¤ã‚º åˆæœŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚º 行間ã®èª¿æ•´ 余白ã®èª¿ç¯€ å„国ã®æ—¥ä»˜è¡¨è¨˜
「サイトã®æ¨ªå¹…ã€å†è«–：950px時代ã®ã‚¦ã‚§ãƒ–デザイン［絵文録ã“ã¨ã®ã¯ï¼½2009/01/14
以å‰ã€ã‚µã‚¤ãƒˆã®æ¨ªå¹…ã‚’640ピクセルã«ã™ã‚‹ç†ç”±â€•â€•çµ±è¨ˆã¨ç¾çŠ¶ã«åŸºã¥ãçµè«–［絵文録ã“ã¨ã®ã¯ï¼½2006/11/25ã§ã€ã€Œå®Ÿéš›ã«ã‚µã‚¤ãƒˆã‚’閲覧ã—ã¦ã„る人ã®ãƒ–ラウザーã®æ¨ªå¹…ã¨ã€ãƒ–ラウザーã«ã‚ˆã‚‹å°åˆ·ä¸Šã®åˆ¶ç´„ã‹ã‚‰ã€ç‰¹ã«ç”»åƒã¯å·¦ç«¯ã‹ã‚‰640ピクセルãらã„ã«åŽã¾ã‚‹ã‚ˆã†ã«ã—ãŸæ–¹ãŒã‚ˆã•ãã†ã ã€ã¨ã„ã†çµè«–ã«è½ã¡ç€ã„ãŸã€‚ã“ã‚Œã«ã¯ã€ä¸€è¡Œå—æ•°ãŒå¤šã™ãŽã‚‹ã¨èªã¿ã¥ã‚‰ã„ã€ã¨ã„ã†ã€ç´™åª’体ã®æ‰±ã„も多ã„ã‚ãŸã—ã®çµŒé¨“çš„ãªè¦‹æ–¹ã‚‚ã‚る。 ã‚‚ã¡ã‚ã‚“ã€ã“ã‚Œã«ã¯ãƒªã‚ッドデザイン主義者ã®æ–¹ã‹ã‚‰ã€Œãƒšãƒ¼ã‚¸å¹…を指定ã™ã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ã‚‹ã“ã¨è‡ªä½“ãŒæ‚ªã€ã¨ã„ã†åå¿œãŒã‚ã£ãŸã‚Šã€ã€Œå°åˆ·ç”¨CSSを使ãŠã†ã€ã¨ã„ã£ãŸåå¿œãŒã‚ã£ãŸã‚Šã—ãŸã®ã ãŒã€ã€Œå°åˆ·æ™‚ã®ã“ã¨ã‚’考ãˆã‚Œã°640pxã¨ã„ã†åˆ¶ç´„ãŒã‚ã‚‹ã€ã¨ã„ã†çµè«–ã¯ç‰¹ã«æºã‚‹ãŒãªã‹ã£ãŸã€‚ ãã®å¾Œã€ä»Šã¾ã§ç´„2年経ã£ãŸã€‚閲覧者ã®ç’°å¢ƒã‚‚変ã‚ã‚Šã€å½“時主æµã ã£ãŸIE6ã«ã¯ãªã‹ã£ãŸã€Œç”¨ç´™ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦å°åˆ·ã€æ©Ÿèƒ½ã‚’å‚™ãˆãŸIE7ユーザーも増
DIVã‚’åž‚ç›´æ–¹å‘ã«ä¸å¤®å¯„ã›ã™ã‚‹CSSサンプル:phpspot開発日誌
Blue Box Demo: Vertical Centering with a Shiv Div DIVã‚’åž‚ç›´æ–¹å‘ã«ä¸å¤®å¯„ã›ã™ã‚‹CSSサンプル。 次ã®ã‚ˆã†ã«ã€DIVè¦ç´ をブラウザã®ç¸¦æ–¹å‘ã«é…ç½®ã§ãã¾ã™ã€‚ CSSã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ルã§ã€ã¾ãšã€html 㨠body è¦ç´ ã« height:100% プãƒãƒ‘ティをè¨å®šã—ã¾ã™ã€‚ 次ã«ã€body内ã«divè¦ç´ ã‚’é…ç½®ã—ã€ãã®divè¦ç´ ã«å¯¾ã—ã€height:50% ã‹ã¤ã€margin-top:-50px ã®ã‚ˆã†ã«ãƒ—ãƒãƒ‘ティをã‚ã¦ã€ ä¸å¤®å¯„ã›ã—ãŸã„è¦ç´ (上図ä¸ã€é’ã„部分)ã®åŠåˆ†ã®ã‚µã‚¤ã‚ºåˆ†ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’マイナスã—ã¾ã™ã€‚ 最後ã«ä¸å¤®å¯„ã›ã—ãŸã„divè¦ç´ ( height:100px ) ã‚’é…ç½®ã™ã‚‹ã“ã¨ã§ã€é’ã„部分ã¯ä¸å¤®ã«ã‚ˆã‚Šã¾ã™ã€‚ åž‚ç›´æ–¹å‘ã«ã€100px ã®divè¦ç´ ãŒé…ç½®ã•ã‚Œã‚‹æ„Ÿã˜ã§ã™ã€‚ <html> <head> <style type="text/css">
Japanese Traditional Colors
桜色 (ã•ãらã„ã‚) # è–„æ¡œ (ã†ã™ã–ãら) # æ¡œé¼ (ã•ãらããš) # é´‡é¼ (ã¨ãããš) # 虹色 (ã«ã˜ã„ã‚) # çŠç‘šè‰² (ã•ã‚“ã”ã„ã‚) # 一斤染 (ã„ã£ã“ã‚“ãžã‚) # å®è‰² (ã—ã—ã„ã‚) # 紅梅色 (ã“ã†ã°ã„ã„ã‚) # è–„ç´… (ã†ã™ã¹ã«) # 甚三紅 (ã˜ã‚“ã–ã‚‚ã¿) # 桃色 (ã‚‚ã‚‚ã„ã‚) # 鴇色 (ã¨ãã„ã‚) # æ’«å色 (ãªã§ã—ã“ã„ã‚) # ç°æ¢… (ã¯ã„ã†ã‚) # ç°æ¡œ (ã¯ã„ã–ãら) # æ·¡ç´…è—¤ (ã‚ã‚ã¹ã«ãµã˜) # 石竹色 (ã›ãã¡ãã„ã‚) # 薄紅梅 (ã†ã™ã“ã†ã°ã„) # 桃花色 (ã‚‚ã‚‚ã¯ãªã„ã‚) # 水柿 (ã¿ãšãŒã) # ã¨ããŒã‚‰èŒ¶ (ã¨ããŒã‚‰ã¡ã‚ƒ) # 退紅 (ã‚らãžã‚) # 薄柿 (ã†ã™ãŒã) # 長春色 (ã¡ã‚‡ã†ã—ã‚…ã‚“ã„ã‚) # æ¢…é¼ (ã†ã‚ããš) # 鴇浅葱 (ã¨ãã‚ã•ãŽ) # 梅染 (ã†ã‚ãžã‚) # 蘇芳香 (ã™ãŠã†ã“ã†) # 浅蘇芳 (ã‚ã•ã™ãŠ
HTMLベースãªã®ã«ã“ã‚“ãªã«ã‹ã£ã“ã„ã„HPã‚ã‚‹ã‚“ã ï¼â€¦
HTMLベースãªã®ã«ã“ã‚“ãªã«ã‹ã£ã“ã„ã„HPã‚ã‚‹ã‚“ã ï¼ã¨ã‹ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã£ã“ã„ã„ãªã‚ï¼ã£ã¦ã„ã†ã‚µã‚¤ãƒˆã‚’æ•™ãˆã¦ãã ã•ã„。
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Spiffy Box - ç°¡å˜ã«è§’丸画åƒã‚’作ã£ã¦ãれる
ADP: floatレイアウトã§ã¤ã¾ã¥ã‹ãªã„ãŸã‚ã®Tips
{{#tags}}- {{label}}
{{/tags}}