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

Mozzo id:Mozzo

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

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

çŠ¯ã—ã¦ã¯ã„ã‘ãªã„HTMLã‚¿ã‚°ã®éŽã¡10å€‹
ã€è¿½è¨˜ã€‘ HTML5ã§ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ã¨ãƒ–ãƒãƒƒã‚¯ã®è¦ç´ åˆ†é¡žãŒãªããªã‚Šã€ä»£ã‚ã‚Šã«ã€ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã€ãƒ•ãƒãƒ¼ã€ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã€ãƒ˜ãƒƒãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ•ãƒ¬ãƒ¼ã‚¸ãƒ³ã‚°ã€ã‚¨ãƒ³ãƒ™ãƒƒãƒ‡ã‚£ãƒƒãƒ‰ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã¨ã„ã†ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ç¨®é¡žãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ 2. ç”»åƒã«ä»£æ›¿ãƒ†ã‚ã‚¹ãƒˆã®altå±žæ€§ãŒå…¥ã£ã¦ã„ãªã„ <img src="sample.gif" /> altå±žæ€§ã¯ã€Webãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã•ã‚Œã‚‹ã™ã¹ã¦ã®ç”»åƒã«å¿…é ˆã®è¦ç´ ã§ã™ã®ã§ã€å¿…ãšä½¿ç”¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <img src="sample.gif" alt="ã‚µãƒ³ãƒ—ãƒ«" /> å¿…é ˆã®è¦ç´ ã§ã™ã®ã§ã€ç‰¹ã«ãƒ†ã‚ã‚¹ãƒˆã§è¡¨ç¤ºã™ã‚‹å¿…è¦ãŒãªã„å ´åˆã§ã‚‚ã€alt=""ã¨ã—ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã€è¿½è¨˜ã€‘ HTML5ã§ã¯ã€ŒImages whose contents are not known(ã©ã®ã‚ˆã†ãªå†…å®¹ã‹ã‚ã‹ã‚‰ãªã„ç”»åƒ)ã€ã«é™ã‚Šã€altå±žæ€§ã‚’çœç•¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å†™çœŸå…±æœ‰ã‚µã‚¤ãƒˆã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç”»åƒã‚’
Mozzo 2011/04/19
html

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[JS]ãƒ‘ãƒãƒ«ã‚’æ–°èžã®ã‚ˆã†ã«éš™é–“ãªãè‡ªå‹•ã§é…ç½®ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Masonry
<textarea name="code" class="js" cols="60" rows="5"> $(function(){ $('#wrapper').masonry({ columnWidth: 200 }); }); </textarea>
Mozzo 2009/12/09
css

js
ãƒªãƒ³ã‚¯
[CSS]é€éŽç”»åƒã‚’ä½¿ç”¨ã—ã¦å¹»æƒ³çš„ãªèƒŒæ™¯ã‚’ã¤ãã‚Šã ã™ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚¹ã‚¯ãƒãƒ¼ãƒ«å¾Œ ä»•çµ„ã¿ã¯ã€é€éŽPNGç”»åƒã‚’å›ºå®šé…ç½®ã—ã€ãƒ¬ãƒƒãƒ‰ã‹ã‚‰ãƒ–ãƒ©ãƒƒã‚¯ã¸ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã‚Œã‚‹ã¨ã€ãƒ–ãƒ©ãƒƒã‚¯ã«ãªã£ãŸæ™‚ç‚¹ã§çµµæŸ„ãŒæµ®ãä¸ŠãŒã‚‹ã‚‚ã®ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ç”»åƒã¯ã€Œgradient-tile.jpgã€ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ IE6ã§ã¯é€éŽPNGç”»åƒã®èƒŒæ™¯ãŒå›ºå®šé…ç½®ã§ç¹°ã‚Šè¿”ã™ã“ã¨ãŒã§ããªã„ãŸã‚ã€ã‚·ãƒ³ãƒ—ãƒ«ãªè§£æ±ºæ–¹æ³•ã¨ã—ã¦é€éŽPNGç”»åƒã®èƒŒæ™¯ã‚’éžè¡¨ç¤ºã«ã—ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <textarea name="code" class="css" cols="60" rows="5"> * html #wrapper {background-image: none;} </textarea>
Mozzo 2009/12/03
Webãƒ‡ã‚¶ã‚¤ãƒ³

CSS
ãƒªãƒ³ã‚¯
css-lecture.com
Mozzo 2009/11/17
css

html

ã¾ã¨ã‚

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã€CSSã€‘ãƒšãƒ¼ã‚¸é€ã‚ŠãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¯ display:inline-block ãŒè¶…ä¾¿åˆ© | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã“ã‚“ã°ã‚“ã¯ã€ishidaã§ã™ã€‚ CSS2.1 ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹ displayãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã€inline-blockã®ä½¿ã„ã©ã“ã‚ã‚’æŽ¢ã—ã¦ã¿ãŸã¨ã“ã‚ã€ãƒšãƒ¼ã‚¸é€ã‚Šã«ã‹ãªã‚Šä½¿ãˆãã†ã§ã™ã€‚ ã¾ãšã¯ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ä¸‹ã•ã„ã€‚Yahoo æ¤œç´¢çµæžœã®ãƒšãƒ¼ã‚¸é€ã‚Šãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ãã¦ã„ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸é€ã‚Šã®ã‚µãƒ³ãƒ—ãƒ« 1 2 3 4 5 6 7 8 9 10 æ¬¡ã¸> XHTML ã®ã‚µãƒ³ãƒ—ãƒ«ã¯ä»¥ä¸‹ã§ã™ã€‚ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
Mozzo 2009/09/11
css

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

tips
ãƒªãƒ³ã‚¯
ã‚¿ãƒ–UIè©³è§£
ã‚¿ãƒ–UIã®æ§‹é€ ã‚„ç‰¹é•·ã€è¨ç½®ã®åˆ¤æ–ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã€å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆã‚„æ©Ÿèƒ½ã®æ‹¡å¼µæ–¹æ³•ã€å®Ÿè£…ä¾‹ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆä¾‹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Module Tabs in Web Design ä»¥ä¸‹ã€ãã®æ„è¨³ã§ã™ã€‚ â€»åŽŸæ–‡ã§ã¯ã€Œã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã€ã¨ãªã£ã¦ã„ã¾ã™ãŒã€ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„ã‚¿ãƒ–UIã¨è¨˜è¼‰ã™ã‚‹ã¨ç…©é›‘ã«ãªã‚‹ãŸã‚ã€ã€Œã‚¿ãƒ–ã€ã¨ç•¥ã—ã¾ã™ã€‚ ã‚¿ãƒ–ã®ã¿ã‚’æŒ‡ã™å ´åˆã¯ã€ã€Œã‚¿ãƒ– ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ã¨ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« 1. ã‚¿ãƒ–ã®æ§‹é€ 2. ã‚¿ãƒ–ã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã®ã‹ 3. ã‚¿ãƒ–ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¨ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ 4. ã‚¿ãƒ–ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ 5. ã‚¿ãƒ–ã®æ‹¡å¼µ 6. ã‚¿ãƒ–ã®å®Ÿè£…é›† 7. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›† 8. ã‚¿ãƒ–ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆé›† ã¯ã˜ã‚ã« ã‚¿ãƒ–ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã¯è¤‡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç•°ãªã‚‹ãƒ‘ãƒãƒ«ã«é…ç½®ã—ãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ãƒ‘ãƒãƒ«
Mozzo 2009/09/09
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒ—ãƒé¡”è² ã‘ã®ç¾Žéº—CSSã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒ—ãƒé¡”è² ã‘ã®ç¾Žéº—CSSã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†ã€‚ æ¬¡ã®ã‚ˆã†ãªã€ã“ã‚ŒãŒç„¡æ–™ï¼Ÿã¨ã„ã†ã‚ˆã†ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒï¼™ç¨®é¡žã€ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªæ–¹ã‚‚ã€ã“ã†ã—ãŸã‚‚ã®ã‚’æµç”¨ã™ã‚‹ã“ã¨ã§ã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãŒç°¡å˜ã«ä½œã‚Œãã†ã§ã™ãã€‚ ãã‚Œãªã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã‚„CSSã®çŸ¥è˜ãŒãªã„ã¨æµç”¨ã—ãŸã¨ã—ã¦ã‚‚ã©ã‚“ã©ã‚“å´©ã‚Œã¦ã„ãã€ã¨ã„ã†æã‚ŒãŒã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ä¾¿åˆ©ã§ã™ãã€‚ ãã‚Œãžã‚Œã®ãƒªãƒ³ã‚¯å…ˆã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ 9 Beautiful Free CSS Web Templates | CrazyLeaf Design Blog
Mozzo 2009/09/09
ã¾ã¨ã‚

css

html

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
[CSS]ä¸Šç´šè€…å‘ã‘ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹å®Ÿç”¨çš„ãªã‚‚ã®ã‹ã‚‰ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸã‚‚ã®ã¾ã§ã€25ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’Desizn Techã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 25 Advanced CSS Techniques 1. CSS Gradient Text and Background ãƒ†ã‚ã‚¹ãƒˆã‚„èƒŒæ™¯ã‚’ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã€‚
Mozzo 2009/03/27
ã¾ã¨ã‚

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã“ã“ã¾ã§ã‚„ã‚‹ï¼Ÿã¨ã„ã†ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã“ã“ã¾ã§ã‚„ã‚‹ï¼Ÿã¨ã„ã†ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« 2009å¹´03æœˆ17æ—¥- 150 Useful Adobe Photoshp Web Design Layout Tutorials and Techniques | 2experts Design - Web Design and Graphic Design Blog ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§ã“ã“ã¾ã§ã‚„ã‚‹ï¼Ÿã¨ã„ã†ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã®WEBãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ãƒ—ãƒãƒ¬ãƒ™ãƒ«ã¨ã„ã£ã¦ã‚‚æ§˜ã€…ã§ã™ãŒã€ãã®ãªã‹ã§ã‚‚å„ªã‚ŒãŸã¨ã„ãˆã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ çœŸä¼¼ã™ã‚‹ã“ã¨ã§ãã‚Œãªã‚Šã®ã‚‚ã®ã‚’ä½œã‚‹ã®ã¯é›£ã—ããªã•ãã†ã§ã™ã€‚ Create a Magic Night Themed Web Design from Scratch in Photoshop ãƒžã‚¸ãƒƒã‚¯ã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ãŸã€å°‘ã—æ€ªã—ã’ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚å
Mozzo 2009/03/18
css

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

tips
ãƒªãƒ³ã‚¯
Webã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã¾ã¨ã‚ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: ã“ã®è¨˜äº‹ã¯ã€3å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚Webã®é€²åŒ–ã¯é€Ÿã„ï¼æƒ…å ±ã®æ£ç¢ºæ€§ã¯è‡ªå·±è²¬ä»»ã§åˆ¤æ–ã—ã¦ãã ã•ã„ã€‚ ãƒ•ã‚©ãƒ³ãƒˆæŒ‡å®šã‚„è¡Œé–“ã€ç´„ç‰©ã¨ã„ã£ãŸã€æ–‡å—å‘¨ã‚Šã®ãƒŽã‚¦ãƒã‚¦ã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†ã‚ˆã‚ŠæŠ€è¡“çš„ãªã¾ã¨ã‚ã€‚SWFObjectã¨ã‹sIFRã¨ã„ã£ãŸFlashãƒã‚¿ã‚’é™¤ã‘ã°ã€Webã®æ–‡å—ã¯å…¨éƒ¨CSSã§ã§ãã‚‹ã‚“ã ã‹ã‚‰... ã‚³ãƒ¼ãƒ€ã“ãã‚¿ã‚¤ãƒã‚°ãƒ©ãƒ•ã‚£ã‚’æ„è˜ã™ã¹ã—ã€‚çœ‹æ¿ã¿ã¦æ›¸ä½“è¨€ã„å½“ã¦ã‚‹ã¨ã‹å¤‰æ…‹çš„ãªåŸŸã¾ã§é”ã›ãšã¨ã‚‚ã€åŽŸå‰‡ã ã‘è¦šãˆã¨ã‘ã°ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãŒæ§˜ã«ãªã‚‹ã‚“ã ã—ã€‚ ã‚ªãƒ¼ãƒ«ãƒ‰ã‚¹ã‚¿ã‚¤ãƒ«æ•°å— ã‚¢ãƒ³ãƒ‘ã‚µãƒ³ãƒ‰ï¼ˆâ€œï¼†â€ï¼‰ ã‚¹ãƒ¢ãƒ¼ãƒ«ã‚ãƒ£ãƒƒãƒ— ãƒã‚¤ãƒ•ãƒ³ã¨ãƒ€ãƒ¼ã‚· å„ç¨®ã‚¹ãƒšãƒ¼ã‚¹ åˆå— ç´„ç‰© ç´„ç‰©ã¯ã¶ã‚‰ä¸‹ã’ã‚‹ :beforeã¨:after è¦‹å‡ºã—ã®ã‚µã‚¤ã‚º åˆæœŸãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚º è¡Œé–“ã®èª¿æ•´ ä½™ç™½ã®èª¿ç¯€ å„å›½ã®æ—¥ä»˜è¡¨è¨˜
Mozzo 2009/01/23
ã¾ã¨ã‚

css

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

design
ãƒªãƒ³ã‚¯
ASCII.jpï¼šã‚‚ã†é…è‰²ã«ã¯å›°ã‚‰ãªã„ï¼ã€ŒAdobe Kulerã€
ã€Œã‚ªãƒªã‚¸ãƒŠãƒ«ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãŸã„ã‘ã©ã€ã„ã¾ã„ã¡é…è‰²ã‚»ãƒ³ã‚¹ãŒãªãã¦å›°ã‚‹ã€ã€Œã„ã¤ã‚‚å¥½ããªï¼ˆå¾—æ„ãªï¼‰è‰²ã®çµ„ã¿åˆã‚ã›ã°ã‹ã‚Šã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã—ã¾ã†ã€ã€Œã§ã‚‚è‰²å½©ç†è«–ã‚’å‹‰å¼·ã™ã‚‹ã®ã¯é¢å€’ã ã€ã€‚ ãã‚“ãªäººã«ãœã²ãŠã™ã™ã‚ã—ãŸã„ã®ãŒã€ã‚¢ãƒ‰ãƒ“ ã‚·ã‚¹ãƒ†ãƒ ã‚ºãŒæä¾›ã—ã¦ã„ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“ã‚¹ã€ŒAdobe Kulerã€ï¼ˆã‚¯ãƒ¼ãƒ©ãƒ¼ï¼‰ã ã€‚Kulerã¯ã€ã•ã¾ã–ã¾ãªè‰²ã®çµ„ã¿åˆã‚ã›ï¼ˆé…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ã€Kulerã§ã¯ã€Œãƒ†ãƒ¼ãƒžã€ã¨å‘¼ã¶ï¼‰ã‚’Webãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§ä½œæˆã—ã€ä¿å˜ãƒ»å…¬é–‹ã‚‚ã§ãã‚‹ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸã‚µãƒ¼ãƒ“ã‚¹ã€‚ã„ã‚ã°â€œã¿ã‚“ãªã®åŠ›â€ã§ä½œã‚‰ã‚ŒãŸã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆé›†ã¨ã‚‚ã„ãˆã‚‹ã‚‚ã®ã§ã€ã™ã§ã«7000ç¨®é¡žä»¥ä¸Šï¼ˆ2009å¹´1æœˆç¾åœ¨ï¼‰ã‚‚ã®ãƒ†ãƒ¼ãƒžãŒå…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€‚åˆ©ç”¨æ–™ã¯ç„¡æ–™ã ãŒã€ä¿å˜ãªã©ã®æ©Ÿèƒ½ã‚’ä½¿ã†ã«ã¯Adobe IDãŒå¿…è¦ã ï¼ˆä»¥é™ã®èª¬æ˜Žã¯ãƒã‚°ã‚¤ãƒ³ã—ã¦ã„ã‚‹ã‚‚ã®ã¨ã—ã¦é€²ã‚ã‚‹ï¼‰ã€‚
Mozzo 2009/01/22
css

design

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
HOKYPOKY. | MULTICOL. jQuery Plugin
MULTICOL. ã¯HTMLã§é›‘èªŒã®ã‚ˆã†ãªç¾Žã—ã„æ®µçµ„ã¿ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€æ—¥æœ¬è£½ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§æ—¥æœ¬èªžã‚‚ãã‚Œã„ã«æ®µçµ„ã¿ã«ã—ã¾ã™ã€‚ ä¸€ æˆ–æ˜¥ã®æ—¥æš®ã§ã™ã€‚ å”ã®è¥¿ã®é–€ã®ä¸‹ã«ã€ã¼ã‚“ã‚„ã‚Šç©ºã‚’ä»°ã„ã§ã„ã‚‹ã€ä¸€äººã®è‹¥è€…ãŒã‚ã‚Šã¾ã—ãŸã€‚ è‹¥è€…ã¯åã‚’æœåæ˜¥ã¨ã„ã£ã¦ã€å…ƒã¯é‡‘æŒã®æ¯åã§ã—ãŸãŒã€ä»Šã¯è²¡ç”£ã‚’è²»ãªèº«åˆ†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã™ã€‚ ä½•ã—ã‚ãã®é ƒæ´›é™½ã¨ã„ãˆã°ã€å¤©ä¸‹ã«ä¸¦ã¶ã‚‚ã®ã®ãªã„ã€ç¹æ˜Œã¯ã€ã¾ã‚‹ã§ç”»ã®ã‚ˆã†ãªç¾Žã—ã•ã§ã™ã€‚ ã—ã‹ã—æœåæ˜¥ã¯ç›¸å¤‰ã‚‰ãšã€é–€ã®å£ã«èº«ã‚’å‡ã‹ã¨æ€ã†ç¨‹ã€ã‹ã™ã‹ã«ç™½ãæµ®ã‚“ã§ã„ã‚‹ã®ã§ã™ã€‚ ã€Œæ—¥ã¯æš®ã‚Œã‚‹ã—ã€è…¹ã¯æ¸›ã‚‹ã—ã€ãã®ä¸Šã‚‚ã†ã©ã“ã¸è¡Œã£ã¦ã‚‚ã€æ³Šã‚ã¦ãã‚Œã‚‹æ‰€ã¯ãªã•ãã†ã ã—â€”â€”ã“ã‚“ãªæ€ã„ã‚’ã—ã¦ç”Ÿãã¦ã„ã‚‹ä½ãªã‚‰ã€ä¸€ãå·ã¸ã§ã‚‚èº«ã‚’æŠ•ã’ã¦ã€æ»ã‚“ã§ã—ã¾ã£ãŸæ–¹ãŒã¾ã—ã‹ã‚‚çŸ¥ã‚Œãªã„ã€ æœåæ˜¥ã¯ã²ã¨ã‚Šã•ã£ãã‹ã‚‰ã€ã“ã‚“ãªå–ã‚Šã¨ã‚ã‚‚ãªã„ã“ã¨ã‚’æ€ã„ã‚ãã‚‰ã—ã¦ã„
Mozzo 2008/11/27
css

design

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¿ã‚¤ãƒˆãƒ«ãƒ»è¦‹å‡ºã—ã«ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ - DesignWalker
Mozzo 2008/10/29
webãƒ‡ã‚¶ã‚¤ãƒ³

ã¾ã¨ã‚

css
ãƒªãƒ³ã‚¯
Drop-Down Menus, Horizontal Style
Anyone who has created drop-down menus will be familiar with the large quantities of scripting such menus typically require. But, using structured HTMLÂ and simple CSS, it is possible to create visually appealing drop-downs that are easy to edit and update, and that work across a multitude of browsers, including Internet Explorer. Better still, for code-wary designers, no JavaScript is required! (
Mozzo 2008/10/27
css

list
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã‚¬ã‚¤ãƒ‰ã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã¯ã€ã¨ã¯ ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã®äººæ°—ãƒ»æœ€æ–°è¨˜äº‹ã‚’é›†ã‚ã¾ã—ãŸ - ã¯ã¦ãª
ã€Œã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼ã€ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ—¥è¨˜ã®è¦‹æ „ãˆã‚’èª¿æ•´ã™ã‚‹ã«ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã‚’ä½¿ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã€Webãƒšãƒ¼ã‚¸ï¼ˆã„ã‚ã‚†ã‚‹ã€Œãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã€ï¼‰ã®è¦‹æ „ãˆã‚’èª¿æ•´ã™ã‚‹ãŸã‚ã®è¨€èªžã§ã™ã€‚ ã¨ã„ã£ã¦ã‚‚é›£ã—ã„ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚HTMLã‚’å°‘ã—ã§ã‚‚ä½¿ã£ãŸã“ã¨ãŒã‚ã‚‹äººãªã‚‰ã™ãã«ã€ãã†ã§ãªã„äººã‚‚å°‘ã—å‹‰å¼·ã™ã‚Œã°ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ä½¿ã„æ–¹ã‚’ç†è§£ã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€ã€Œã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€ã¯CSSã®ã“ã¨ã‚’æŒ‡ã—ã¾ã™ã€‚
Mozzo 2008/10/24
ã¯ã¦ãƒ€

css
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯
ã¯ã˜ã‚ã¦ã®æ–¹ã¸ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’å§‹ã‚ã‚ˆã† ã¯ã˜ã‚ã¦ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’ä½¿ã†æ–¹ã«å‘ã‘ã¦ã€ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§ã§ãã‚‹ã“ã¨ã‚„ã€ã‚µãƒ¼ãƒ“ã‚¹ã®ç‰¹å¾´ã‚’è§£èª¬ã—ã¾ã™ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã«ãƒã‚°ã‚¤ãƒ³ã™ã‚‹ã¨ã§ãã‚‹ã“ã¨ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‹ã‚‰ç°¡å˜ã«ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚·ã‚§ã‚¢ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§ã¯ã€Twitterã¨é€£æºã™ã‚‹ã¨ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸè¨˜äº‹ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚·ã‚§ã‚¢ãŒç°¡å˜ã«è¡Œãªãˆã¾ã™ å‹é”ã®é–“ã§è©±é¡Œã«ãªã£ã¦ã„ã‚‹ãƒšãƒ¼ã‚¸ãŒè¦‹ãŸã„ ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’Twitteré€£æºã™ã‚‹ã¨ã€ Twitterã§ãƒ•ã‚©ãƒãƒ¼ã—ã¦ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚·ã‚§ã‚¢ã—ãŸãƒšãƒ¼ã‚¸ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ èˆˆå‘³ã®ã‚ã‚‹è©±é¡Œã®æœ€æ–°æƒ…å ±ã‚’çŸ¥ã‚ŠãŸã„ èˆˆå‘³ã®ã‚ã‚‹ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’é–¢å¿ƒãƒ¯ãƒ¼ãƒ‰ã«ç™»éŒ²ã—ã¦ æƒ…å ±åŽé›†ã‚’è‡ªåˆ†å¥½ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãã¾ã™ ç›®çš„ã‹ã‚‰èª¿ã¹ã‚‹ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã™ã‚‹ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®æŠ•ç¨¿æ–¹æ³•ã‚„ã‚¿ã‚°æ©Ÿèƒ½ã€ã‚³ãƒ¡ãƒ³ãƒˆæ©Ÿèƒ½ã«ã¤ã„ã¦ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã§ã¿ã¤ã‘ã‚‹ ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®æ¤œç´¢æ–¹æ³•ã‚„ã‚ˆã‚ŠåŠ¹
Mozzo 2008/10/24
css

ã¯ã¦ãª

ã¯ã¦ãƒ–
ãƒªãƒ³ã‚¯
1