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

kanariia id:kanariia

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

${{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://www.designwalker.com/2009/04/wireframe-2.html
kanariia 2009/04/28
webdesign

ui

layout

webservice
ãƒªãƒ³ã‚¯
[JS]ä¸€è¦§è¡¨ç¤ºã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Easy Display Switch
<textarea name="code" class="html" cols="60" rows="5"> <li> <div class="content_block"> <a href="#"><img src="sample.gif" alt="" /></a> <h2><a href="#">Image Name</a></h2> <p><!â€”Description here--></p> </div> </li> </textarea>
kanariia 2009/03/12
webdesign

jquery

plugin

interface

ui

layout
ãƒªãƒ³ã‚¯
[CSS]å…¨å¹…960+10pxã‚’ãƒ™ãƒ¼ã‚¹ã«æ±Žç”¨çš„ã«å±•é–‹ã™ã‚‹ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ
å…¨å¹…970pxï¼ˆ960+10pxï¼‰ã®6ã‚«ãƒ©ãƒ ã¨12ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ã€æ±Žç”¨çš„ã«å±•é–‹ã§ãã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã€ŒThe Golden Gridã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ The Golden Grid ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹6ã‚«ãƒ©ãƒ ã¨12ã‚«ãƒ©ãƒ ã®ã‚°ãƒªãƒƒãƒ‰ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 6ã‚«ãƒ©ãƒ ã®æ§‹æˆ 1ã‚«ãƒ©ãƒ ï¼š150pxã€ãƒžãƒ¼ã‚¸ãƒ³ï¼š10px 150*6+10*7=970px 12ã‚«ãƒ©ãƒ ã®æ§‹æˆ 1ã‚«ãƒ©ãƒ ï¼š70pxã€ãƒžãƒ¼ã‚¸ãƒ³ï¼š10px 70*12+10*13=970px
kanariia 2009/02/19
tips

webdesign

css

grid

layout
ãƒªãƒ³ã‚¯
Online Generators | Developer's Toolbox | Smashing Magazine
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. Thatâ€™s why we created a new book â€” to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
kanariia 2009/02/11
webdesign

css

form

layout
ãƒªãƒ³ã‚¯
ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒã™ã‚‹ã€ŽFluid 960 Grid Systemã€ â€“ creamu
ã‹ã£ã“ã„ã„ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã„ã€‚ ãã‚“ãªã¨ãã«ãŠã™ã™ã‚ãªã®ãŒã€ã€ŽFluid 960 Grid Systemã€ã€‚ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒã™ã‚‹ã‚µã‚¤ãƒˆã ã€‚ ã“ã®ã‚µã‚¤ãƒˆã§ã¯ã€â†‘ã®ã‚ˆã†ãªã‚°ãƒªãƒƒãƒ‰ã®ã‚½ãƒ¼ã‚¹ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€‚ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã€ŒDownload Filesã€ã®ãƒªãƒ³ã‚¯å…ˆã‹ã‚‰Zipãƒ•ã‚¡ã‚¤ãƒ«ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãŒå¯èƒ½ã ã€‚ 16ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€‚ mootoolsã«ã‚ˆã‚‹ã€ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒã§åˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯GPL/MITã¨ãªã£ã¦ã„ã‚‹ã®ã§ã€è‡ªç”±ã«ä½¿ãˆã‚‹ã ã‚ã†ã€‚ ã‚¯ãƒ¼ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒã™ã‚‹ã‚µã‚¤ãƒˆã€ãƒã‚§ãƒƒã‚¯ã—ã¦ä½¿ã£ã¦ã¿ã¦ã¯ã„ã‹ãŒã ã‚ã†ã‹ã€‚ Â» Fluid 960 Grid System å…ˆæ—¥ãƒã‚¤ã‚¯ã‚’ä¿®ç†ã—ã¦ã‚‚ã‚‰ã£ãŸã€‚æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã£ãŸã‹ã‚‰ç„¡æ–™ã§ã„ã„ã§ã™ã¨è¨€ã£ã¦ã‚‚ã‚‰ãˆã¦ã†ã‚Œã—ã‹ã£ãŸãªã€‚å¤§åˆ†å¿«é©ã«ãªã£ãŸãžã€‚
kanariia 2009/01/28
webdesign

css

template

grid

layout
ãƒªãƒ³ã‚¯
1