ブラウザã ã‘ã§CSSレイアウトã«å¯¾å¿œã—ãŸãƒšãƒ¼ã‚¸ã‚’ã•ãã•ã作るã“ã¨ãŒã§ãる『Drawter〠| 100SHIKICSSã¨HTMLã®çŸ¥è˜ã¯å¿…é ˆã ãŒã€æ…£ã‚Œã¦ã„る人ã«ã¯è¶…絶便利ãã†ãªãƒ„ールã®ã”紹介。 Drawterã¯ãƒ–ラウザ上ã§DOMè¦ç´ ã‚’é…ç½®ã€ã•ã¾ã–ã¾ãªã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’æ–½ã—ãŸã‚ã¨ã«ã‚³ãƒ¼ãƒ‰ã‚’生æˆã—ã¦ãれるツールã 。 ã¤ã¾ã‚‹ã¨ã“ã‚ã€CSSレイアウトã«å¯¾å¿œã—ãŸã‚µã‚¤ãƒˆè£½ä½œãƒ„ールã¨ã„ã£ã¦ã‚‚ã„ã„ã ã‚ã†ã€‚ è¦ç´ ã”ã¨ã«ã•ã¾ã–ã¾ãªå±žæ€§ã‚’ç›´æ„Ÿçš„ã«è¿½åŠ ã—ã¦ã„ã‘る点ãŒç´ 晴らã—ã„。インターフェースもシンプルã§è·äººã½ã„ã®ã§å€‹äººçš„ã«å¥½ã¿ã§ã‚る。日本語も入力å¯èƒ½ã 。 当然ãªãŒã‚‰ä½œã‚Šçµ‚ãˆãŸã‚ã¨ã¯ã€ŒGenerate Codeã€ã‚³ãƒžãƒ³ãƒ‰ã§ã‚³ãƒ¼ãƒ‰ã‚’生æˆã€ãã®ã¾ã¾ä½¿ã†ã“ã¨ãŒã§ãる。 ä¼¼ãŸã‚ˆã†ãªãƒ„ールã¯ã™ã§ã«ã„ãã¤ã‹ã‚ã‚‹ãŒã€Drawterã®å®Œæˆåº¦ã¯ã‹ãªã‚Šé«˜ã„ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚是éžè©¦ã—ã¦ã¿ã¦ã‚‚らã„ãŸã„。
複雑ãªCSSレイアウトもサクッã¨å®Ÿè£…ã§ãã‚‹CSSフレームワーク「emasticã€:phpspot開発日誌
CSS Message Boxes for different message types : Janko Jovanovic
å°åˆ·ç”¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãã‚Œã„ã«ã¾ã¨ã‚ã‚‹ãŸã‚ã®7ã¤ã®ãƒã‚¤ãƒ³ãƒˆ - TRANS [hatena]![å°åˆ·ç”¨ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãã‚Œã„ã«ã¾ã¨ã‚ã‚‹ãŸã‚ã®7ã¤ã®ãƒã‚¤ãƒ³ãƒˆ - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/985ed5d2342a5fd4c9e45cdd0e99ea13a002ad93/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F7cdb74c8fcad104631829ecb734185f2f8288e05%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fcdn-ak.f.st-hatena.com%252Fimages%252Ffotolife%252Fa%252Faratako0%252F20080518%252F20080518141449.png)
Tanreisoftware.com
{{#tags}}- {{label}}
{{/tags}}