[B! css] jak180ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

jak180 id:jak180

cssã«é–¢ã™ã‚‹jak180ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (37)

${{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ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã€Œ465+ Useful CSS Layouts for Downloadã€
TOPÂ Â >Â Â WebDesignÂ Â >Â Â æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã€Œ465+ Useful CSS Layouts for Downloadã€ WEBã§ã¯æ§˜ã€…ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒã‚ã‚Šã€ã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ã§å¤§ããªå·®ã¯ã§ãã¾ã™ãŒã€åŸºæœ¬ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã‚ã‚‹ç¨‹åº¦æ±ºã¾ã£ã¦ãŠã‚Šã€åˆ¶ä½œã™ã‚‹ä¸Šã§ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒã‚ã‚‹ã ã‘ã§éšåˆ†ã¨æ¥½ã«ãªã‚Šã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯æ§˜ã€…ãªCSSãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ465+ Useful CSS Layouts for Downloadã€ã§ã™ã€‚ Nice and Free CSS Templates/Layouts by My Celly åŸºæœ¬çš„ãª1ã‚«ãƒ©ãƒ ã€2ã‚«ãƒ©ãƒ ã€3ã‚«ãƒ©ãƒ ã¨ã„ã£ãŸãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‹ã‚‰ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚‚ã®ã¾ã§æ§˜ã€…ãªCSSãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã§ã™ã€‚ä»Šæ—¥ã¯ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ä¸ã‹
jak180 2011/10/29
css

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

css

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

HTML5

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

IE
ãƒªãƒ³ã‚¯
[CSS]ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
CSS3ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â€»ä¸€éƒ¨ã€jQueryã‚’ä½µç”¨ã™ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
jak180 2011/07/31
css

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

CSS3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]å¯å¤‰ã§ã‚‚å›ºå®šã§ã‚‚å¯¾å¿œã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ -Grid
Fruidãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚‚Fixedãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚‚ã€å…¥ã‚Œåã§ã‚‚å¯¾å¿œã§ãã‚‹ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå…¥ã‚Œåã®ã‚°ãƒªãƒƒãƒ‰ Gridã®ä½¿ã„æ–¹ Gridã¯ã€ä½¿ã„æ–¹ã‚‚ç°¡å˜ã§ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒŠã¨ãªã‚‹è¦ç´ ã®classã«ã€Œgridsã€ã‚’åŠ ãˆã¾ã™ã€‚ åè¦ç´ ã«æœ›ã‚€ã‚µã‚¤ã‚ºã®classã‚’æŒ‡å®šã—ã¾ã™ã€‚ Gridã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ 2011å¹´7æœˆ1æ—¥ãƒªãƒªãƒ¼ã‚¹ç‰ˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ ã‚°ãƒªãƒƒãƒ‰ã¯ã€2åˆ†å‰²ã€3åˆ†å‰²ã€4åˆ†å‰²ã€5åˆ†å‰²ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ /* * Grid * A simple, flexible, fluid grid system that can flow nicely inside a fluid or a fixed container or play good with another Grid system. * Brajeshwar, http://
jak180 2011/07/16
Grid

css

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã‚»ãƒ¬ã‚¯ã‚¿20å€‹ã®ãŠã•ã‚‰ã„
CSSã‚»ãƒ¬ã‚¯ã‚¿ã£ã¦æ„å¤–ã¨åˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸã‚Šã™ã‚‹ã®ã§å‹‰å¼·ã¤ã„ã§ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æ¯”è¼ƒçš„å®Ÿç”¨çš„ã‹ãªã¨æ€ã†ã‚‚ã®ã‚’20å€‹ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ã„ã„å¾©ç¿’ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ CSSã‚»ãƒ¬ã‚¯ã‚¿ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹å¯¾è±¡ã‚’æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ã€‚æ™®æ®µä½•æ°—ãªãä½¿ã£ã¦ã„ã‚‹classã‚„idãªã©ã‚‚ã‚»ãƒ¬ã‚¯ã‚¿ã®ï¼‘ã¤ã§ã™ã€‚ å±žæ€§ã‚„è¦ç´ ã¨ã„ã£ãŸå …è‹¦ã—ã„ç”¨èªžãŒå‡ºã¦ãã¾ã™ã®ã§å›³ã§ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ç§ã®ã‚ˆã†ã«åŸºç¤Žã‹ã‚‰å‹‰å¼·ã—ã¦ã„ãªã„ã¨ã€è¦ç´ ã‚„å±žæ€§ã¨èžã„ã¦ã‚‚ãƒ”ãƒ³ã¨ãã¾ã›ã‚“ãŒã€çŸ¥ã£ã¦ã¿ã‚‹ã¨ãªã‚“ã¦ã“ã¨ã¯ãªã„ã§ã™ãã€‚ ã¾ãŸã€IEãŒå¯¾å¿œã—ãã‚Œã¦ã„ãªã„CSS3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚ã‚ã‚Šã¾ã™ãŒã€IE6ï½ž8ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ãŒåˆ©ç”¨ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆã€ŒSelectivizrã€ ã§ç´¹ä»‹ã—ãŸã‚ˆã†ã«CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã¯ieå¯¾ç–ã‚‚å®¹æ˜“ãªã®ã§ãœã²ãŠè©¦ã—ãã ã•ã„ã€‚ Selectivizrã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã§æŒ‡å®šã—ãŸæ–¹ãŒã„ã„ã®ã§ã™ãŒã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã¯CSSã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«
jak180 2011/06/15
css

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚ - CSS HappyLife
å‰å›žã®æ›´æ–°æ—¥ãŒè¦‹ãŸããªã„ç¨‹ã«æ™‚ãŒæµã‚Œã¦ã„ã‚‹ä»Šæ—¥ã“ã®é ƒãƒ»ãƒ»ãƒ»ã€‚ ãƒ–ãƒã‚°ã‚’æ›´æ–°ã™ã‚‹ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸ã€…ä¸ŠãŒã‚‰ãªã‹ã£ãŸã‚“ã§ã™ãŒã€ã¾ã ã€ã ã‚‰ã ã‚‰ã§ã‚‚è‰¯ã„ã‹ã‚‰æ›¸ã„ã¦ã„ããŸã„ãªã¨è¨€ã†æ°—æŒã¡ã¯æœ‰ã‚‹ã‚“ã§ã™ã€‚ãˆã‡ã€‚ ã“ã‚“ã ã‘æ›´æ–°ãŒæ»žã£ã¦ã¦ã‚‚ã€Twitterã¨ã‹ã§æ™‚ã€…ãƒ–ãƒã‚°èªã‚“ã§ã¾ã™ã£ã¦è¨€ã£ã¦ã‚‚ã‚‰ãˆãŸã‚Šã€æœ€è¿‘ãªã‚‰ã€Œä»Šæ—¥ã‹ã‚‰ã§ãã‚‹å®šæ™‚ã§ä¸ŠãŒã‚‹ãŸã‚ã®WEBåˆ¶ä½œåŠ¹çŽ‡ã‚¢ãƒƒãƒ—è¡“ | ã‚«ãƒƒã‚·ãƒ¼ã®WEBã‚‹ã€‚ã€ã§ã€ã€HTML5ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 1 ã‚’ç´¹ä»‹ã—ã¦ã‚‚ã‚‰ã£ãŸã‚Šã—ã¦ã†ã‚Œã—ã„åŠé¢ã€æ›´æ–°ã—ã¦ç„¡ã„ãªãƒ¼ã¨ã€ä½•ã¨ã‚‚è¨€ãˆãªã„æ°—æŒã¡ã«ãªã£ãŸã‚Šã€‚ ãªã®ã§ã€ã“ã‚Œã‹ã‚‰ã¯ã¡ã‚‡ã‚ã£ã¨ã§ã‚‚ãƒã‚¿ãŒæœ‰ã‚Œã°æ›´æ–°ã—ã¦ã„ããŸã„ãªãƒ¼ã¨ã€‚ ä½•ã‚’ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã«æ›´æ–°ã™ã‚‹ã‹ã¯ã¾ã è¦‹ã¤ã‹ã£ã¦ãªã„ã‘ã©ï¼žï¼œ ã•ã¦ã€ãã‚“ãªè¨³ã§ã€ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªæ„Ÿã˜ã®ä¸€å¼ã§ã™ã€‚ ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’
jak180 2011/06/15
Android

css

HTML5

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚“ãªã«é«˜å“è³ªãªã®ã«ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹CSSãƒ™ãƒ¼ã‚¹ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ã¾ã¨ã‚
ä¼æ¥ç”¨ã‚µã‚¤ãƒˆç”¨ã‚’ã¯ã˜ã‚ã€ã‚³ãƒžãƒ¼ã‚¹ç”¨ã€ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªç”¨ã€ãƒ–ãƒã‚°ç”¨ãªã©ã®é«˜å“è³ªãªãŒã‚‰ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹CSSãƒ™ãƒ¼ã‚¹ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯1ãƒšãƒ¼ã‚¸ã ã‘ã®ã‚‚ã®ã‹ã‚‰ã€é…ä¸‹ãƒšãƒ¼ã‚¸ãªã©è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ãŒæƒã£ã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ â€»ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¯å…¨ã¦ç„¡æ–™ã§åˆ©ç”¨ãŒå¯èƒ½ã§ã™ãŒã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¿…ãšç¢ºèªã—ã¦ãã ã•ã„ã€‚
jak180 2011/06/08
css

web

ãƒ•ãƒªãƒ¼ç´ æ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
jak180 2011/06/08
css

åŒºåˆ‡ã‚Šç·š
ãƒªãƒ³ã‚¯
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¼·ããªã‚‹ã€22ã®HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Ž
IE6ãªã©ã®ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã«å¼·ããªã‚‹ã€22ã®HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Ž 2011-06-04 Twitterãªã©ã‚’è¦‹ã¦ã‚‹ã¨ã€ ã€ŒIE6ãŒãƒ¼ï¼ã€ã¨ã‹ ã€ŒIE6,7,8,9ã€Firefoxã€webkitç³»ã€Operaã§åŒã˜ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹ã®å¤§å¤‰ã€ãªã©ã®ãƒ„ã‚¤ãƒ¼ãƒˆã‚’ãŸã¾ã«è¦‹ã‚‹ã®ã§ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚å·®ãŒå‡ºã«ããã€åŠ¹çŽ‡ã®è‰¯ããªã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŸºç¤Žã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ°—ã‚’ã¤ã‘ã‚‹HTMLã®è¨˜è¿°æ–¹æ³• HTMLã®è¨˜è¿°æ–¹æ³•ã‚’é–“é•ãˆã¦ã„ã‚‹ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶CSSã®è§£é‡ˆãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ãªã“ã¨ã¯åŸºæœ¬çš„ãªã“ã¨ã§ã™ãŒå¤§åˆ‡ãªäº‹ã§ã™ã€‚ DOCTYPEã‚’æ›¸ãã€‚ HTMLã®å…ˆé ã«DOCTYPEã‚’å…¥ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ä¸‹ã•ã„ã€‚ DOCTYPEãŒãªã„ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶é–“ã§ã®èª¤å·®ãŒèµ·ã“ã‚Šã‚„ã™ã„çŠ¶æ…‹ã«ãªã‚Šã¾ã™ã€‚ DOCTYPE ã‚¹ã‚¤ãƒƒãƒã«ã¤ã„ã¦ã®ã¾ã¨ã‚ã¨ä¸€è¦§è¡¨ (HTML 5 ã‚„ IE 8 Beta 2 ã®ãƒ¢ãƒ¼ãƒ‰ã‚¹ã‚¤ãƒƒãƒãªã©ã®æƒ…å ±ã‚‚å«
jak180 2011/06/06
HTML

css

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSS3ã®ãƒœãƒƒã‚¯ã‚¹ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ŒLayerStylesã€
ãˆï¼Photoshopï¼Ÿã£ã¦è¦‹é–“é•ã†ã»ã©ã®UIã‚’å‚™ãˆãŸCSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -LayerStyles (ã‚³ãƒªã‚¹) CSS3ã®ãƒœãƒƒã‚¯ã‚¹ãƒ»ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ã€ŒLayerStylesã€ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç”»é¢ä¸‹éƒ¨ã®ã€ŒCSS Codeã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ç”Ÿæˆã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ãŒè¦‹ã‚Œã¾ã™ã€‚ UIãŒPhotoshopé¢¨ã«ãªã£ã¦ã„ã¾ã™ã€‚
jak180 2011/05/31
css

Photoshop

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

css3
ãƒªãƒ³ã‚¯
CSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebpark
åŸºæœ¬çš„ãªã“ã¨ã‚„ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸæ„å¤–ãªä½¿ã„æ–¹ãªã©CSSã«é–¢ã™ã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŸãã•ã‚“ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚çŸ¥ã£ã¦ã„ã‚‹ã“ã¨ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æ–°ã—ã„ç™ºè¦‹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§å¾©ç¿’ã‚’å…¼ãã¦ãœã²ã”è¦§ãã ã•ã„ã€‚
jak180 2011/05/13
css

ã¾ã¨ã‚

webåˆ¶ä½œ

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãˆï¼Photoshopï¼Ÿã£ã¦è¦‹é–“é•ã†ã»ã©ã®UIã‚’å‚™ãˆãŸCSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -LayerStyles
Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ãƒ‘ãƒãƒ«ã‚’æ¨¡ã—ãŸã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã§ã€ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚„è§’ä¸¸ã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã‚’ç”Ÿæˆã§ãã‚‹CSSã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
jak180 2011/05/12
photoshop

css

tool
ãƒªãƒ³ã‚¯
ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³CSSã§æ›¸ã‹ã‚ŒãŸHTMLã‚’ä¸€æ’ƒã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã™ã‚‹ã€ŒCascaderã€
ã¨ã‚ã‚‹ç†ç”±ã‹ã‚‰ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§CSSãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹HTMLã‚’ã€ç¶ºéº—ã«CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã•ã›ãŸã„ã¨ã„ã†ã¨ãã‚‚ã‚ã‚Šã¾ã™ã‚ˆãã€‚ ã—ã‹ã—ã€ã“ã‚Œã‚’æ‰‹ä½œæ¥ã§é€²ã‚ã‚‹ã®ã¯ã¨ã¦ã‚‚æ‰‹é–“ãŒã‹ã‹ã‚Šã€ï¼ã‹ã‚‰ä½œã‚Šç›´ã—ãŸã»ã†ãŒé€Ÿã„ã“ã¨ãŒã»ã¨ã‚“ã©ã€‚ ä»Šå›žã¯ã€ãã‚“ãªã¨ãã«ä¸€æ’ƒã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã§ãã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ çµ„ç¹”ã®ãƒžã‚¤ãƒ³ãƒ‰ãƒžãƒƒãƒ—ãƒ„ãƒ¼ãƒ«ã‚’ãƒžã‚¤ãƒ³ãƒ‰ãƒžã‚¤ã‚¹ã‚¿ãƒ¼ã«ã™ã¹ãç†ç”± ä¼¸ã³ã¦ã‚‹ç”£æ¥ã€ä¼šç¤¾ã€äº‹æ¥ã‚’ç´¹ä»‹ã—ã¾ãã‚‹Strainerã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ¬ã‚¿ãƒ¼ã«ç™»éŒ²!! ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³CSSã®HTMLã‚’CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã™ã‚‹ã€ŒCascaderã€ ã€ŒCascaderã€ã¯ã€ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã§CSSãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹HTMLãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã€ä¸€ç™ºã§CSSãƒ•ã‚¡ã‚¤ãƒ«ã¨åˆ†å‰²ã—ã¦ãã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã€‚ ã²ã¨ã¤ã²ã¨ã¤åˆ†è§£ã—ãªãã¦ã‚‚ã€HTMLã‚’ã‚³ãƒ”ãƒšã™ã‚‹ã ã‘ã§åˆ†å‰²ã§ãã¦ã—ã¾ã†ã®ãŒéžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ HTMLã‚¿ã‚°ã‚’è²¼ã‚Šä»˜ã‘ã‚‹ã ã‘ã§åˆ†å‰² â†‘ãŸã¨ãˆã°ã€ç”»åƒã®ã‚ˆã†ã«ã‚¤
jak180 2011/05/05
css

ãƒ„ãƒ¼ãƒ«

åˆ†é›¢

html
ãƒªãƒ³ã‚¯
http://ryosblog.net/6682
jak180 2011/05/05
iPad

dropbox

ã‚¢ãƒ—ãƒª

css

HTML

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
CSSï¼šåˆå¿ƒè€…ã®é ƒã«ãƒãƒžã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚ã‚Œã“ã‚Œ â€¦ IE7å¤šã‚
CSSã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚åˆå¿ƒè€…ã®ã“ã‚ã«ã¯ CSS ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒã†ã¾ãã„ã‹ãªãã¦ã€åŠæ—¥ã‚„ä¸¸ä¸€æ—¥æ‚©ã‚“ã ã“ã¨ã‚‚ã„ã£ã±ã„ã‚ã‚Šã¾ã—ãŸã€‚æœ€è¿‘ã§ã¯ã€ã‚„ã£ã¨ã²ã¨é€šã‚Šè¦šãˆã¦ã€æ€ã†ã‚ˆã†ã«ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ãªãƒ¼ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ä»Šå›žã¯åˆå¿ƒè€…ã ã£ãŸã“ã‚ã€ã¡ã‚‡ã£ã¨æ‚©ã‚“ã ã“ã¨ãªã©ã‚’ã„ãã¤ã‹ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Webã‚µã‚¤ãƒˆã®è¦‹ãŸç›®ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ãã®ã«æ¬ ã‹ã›ãªã„ CSSã€‚åº¦ã€…ã“ã‚Œã£ã¦ã©ã†ã‚„ã‚‹ã‚“ã ã‚ã†ã¨ã‹ã€ã©ã†ã—ã¦ã“ã†ãªã£ã¡ã‚ƒã†ã®ï¼Ÿã¨ã„ã†ã‚‚ã®ã«éé‡ã—ã¾ã™ã€‚ã¾ãŸã€ä»Šã¾ã§ã¯ IE6 ã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«å«ã‚ã¦ã¾ã—ãŸã‘ã©ã€ãã‚ãã‚ IE7 ã‹ã‚‰ã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã™ã‚Œã°ã„ã„ã®ã‹ãªãƒ¼ã¨æ€ã†ã“ã¨ã‚‚ã‚ã£ã¦ã€éŽåŽ»ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ›¸ãæ–¹ã®ç¿’æ…£ã‚’å¤‰ãˆã‚ˆã†ã‹ãªã¨ã‚‚æ€ã£ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æ›¸ã„ã¦ã„ã¦ã€ä»Šã¾ã§éé‡ã—ãŸä¸å…·åˆã‚„ãã®å›žé¿æ–¹æ³•ã€ã¾ãŸä»Šã¾ã§ã¯ã“ã†ã—ã¦ãŸã‘ã©ã€ã“ã‚Œã‹ã‚‰ã¯å¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãªãƒ¼ã¨ã„ã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚‚ã†ãã‚“ãªã“ã¨ã—ã¦ãªã„
jak180 2011/04/22
IE

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

css

webåˆ¶ä½œ

ã‚ã¨ã§èªã‚€

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://e0166nt.com/blog-entry-862.html
jak180 2011/03/11
css

ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿

webã‚µãƒ¼ãƒ“ã‚¹

ã¾ã¨ã‚

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
[CSS]ã‚°ãƒªãƒƒãƒ‰ã ã‘ã§ãªãã€ä¸»è¦ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚‚æƒã£ãŸCSS3ãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Not Just a Grid
ã€ŒNot Just a Gridã€ã®åã®é€šã‚Šã€ã‚°ãƒªãƒƒãƒ‰ã ã‘ã§ãªãã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§ä½¿ç”¨ã™ã‚‹ä¸»è¦ãªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚‚æ•°å¤šãæƒã£ã¦ã„ã‚‹CSS3ãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
jak180 2011/03/03
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

css

CSS3

Grid
ãƒªãƒ³ã‚¯
[CSS]ä»Šã€ãã—ã¦è¿‘ã„å°†æ¥ã«ä½¿ç”¨ã™ã‚‹ã§ã‚ã‚ã†ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
CSS3ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯ã•ã¾ã–ã¾ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã‹ã‚‰ã¾ã•ã«ä»Šã€ãã—ã¦æ¬¡ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ä½¿ç”¨ã—ãŸããªã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ The Bright (Near) Future of CSS [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« Styling HTML5 Classing like HTML5 Media Queries Styling Occasional Children Styling Occasional Columns RGB Alpha Color HSL and HSL Alpha Color Shadowy Styles Multiple Backgrounds 2D Transf orms ã¯ã˜ã‚ã« ã“ã“ã§ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã™ã‚‹ã®ã¯ã€ä»Šã€ãã—ã¦è¿‘ã„å°†æ¥ã«ä½¿ç”¨ã™ã‚‹ã§ã‚ã‚ã†ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚HTML5ã®è¦ç´ ã®ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°
jak180 2011/02/18
css
ãƒªãƒ³ã‚¯
[JS]è¤‡æ•°è¡Œã®ç•°ãªã‚‹é«˜ã•ã®ãƒ–ãƒãƒƒã‚¯ã‚’ãã‚Œãžã‚ŒåŒã˜é«˜ã•ã«æƒãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ç”»åƒã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã—ãŸãƒœãƒƒã‚¯ã‚¹ãªã©ã€ç•°ãªã‚‹é«˜ã•ã®ãƒ–ãƒãƒƒã‚¯ãŒæ•°å¤šãã‚ã£ã¦ã‚‚å…¨ã¦ã®é«˜ã•ã‚’ç‰ã—ãæƒãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Equal Height Blocks in Rows ä¸€è¡Œç›®ã¨äºŒè¡Œç›®ã§ã¯ã€é•ã†é«˜ã•ã§æƒãˆã¦ã„ã‚‹ã“ã¨ã«æ³¨ç›®ã—ã¦ãã ã•ã„ã€‚ [ad#ad-2] ãƒ‡ãƒ¢ã§ã¯ç•°ãªã‚‹é«˜ã•ã®ãƒ–ãƒãƒƒã‚¯ï¼ˆã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚ªãƒ•æ™‚ï¼‰ãŒã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã‚ˆã£ã¦è¡Œã”ã¨ã«åŒã˜é«˜ã•ã«ç‰ã—ãæƒãˆã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ å®Ÿè£…ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ãªã£ãŸã®ã¯ã€ã€ŒMaking DIVs, using the CSS "Float Left" property...ã€ã¨ã®ã“ã¨ã§ã€ãã®divè¦ç´ ãŒã©ã®æ¨ªåˆ—ã«å±žã—ã¦ã„ã‚‹ã‹èª¿ã¹ã€ãã®ä¸ã§ä¸€ç•ªé«˜ã„ã‚‚ã®ã«æƒãˆã¦ã„ã¾ã™ã€‚ [ad#ad-2] å®Ÿè£…æ–¹æ³• HTML ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’é…ç½®ã§ãã‚‹divè¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ <div id="page-wrap"> <div></div> <div>
jak180 2011/02/04
javascript

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

div

css

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

jQuery
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã‚’ä½¿ã£ã¦ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã€€ï¼ iPhoneç‰ˆYahoo!JAPANãƒˆãƒƒãƒ—ã®é–‹ç™ºäº‹ä¾‹ç´¹ä»‹
CodeZineç·¨é›†éƒ¨ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚’ã‚¹ã‚¿ãƒ¼ã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ãƒ–ãƒ¼ã‚¹ãƒˆã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
jak180 2010/12/16
css

css3

HTML5

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

ã‚µã‚¤ãƒˆ

iphone

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸