25+ 个为设计师和开发者准备的 CSS 工具
openkk 13年前
<p>下面是为你准备的超过 25 款 CSS 的工具，其中有一些可用来生成 CSS 代码。</p> <h3>CSS3 Generator</h3> <p><a href="/misc/goto?guid=4958319074732636179" target="_blank"><img class="aligncenter size-full wp-image-71795" title="CSS Tools Generators (1)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/447ce9b81047199dcf11f74ad59648fa.jpg" width="600" height="250" /></a></p> <h3>PrimerCSS</h3> <p><a href="/misc/goto?guid=4958319075565932644" target="_blank"><img class="aligncenter wp-image-71796" title="CSS Tools Generators (2)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/615a1eab922cc6bea9556beeef16ce33.jpg" width="600" height="250" /></a></p> <h3>CSSFly</h3> <p><a href="/misc/goto?guid=4958319076360282393" target="_blank"><img class="aligncenter size-full wp-image-71797" title="CSS Tools Generators (3)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/9a54a5b315200d80344434a727ed6943.jpg" width="600" height="250" /></a></p> <h3>WordOff</h3> <p><a href="/misc/goto?guid=4958319077133689143" target="_blank"><img class="aligncenter size-full wp-image-71798" title="CSS Tools Generators (4)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/f2f74d81868a429b12ebbbfad9446a40.jpg" width="600" height="250" /></a></p> <h3>CSS Evolve</h3> <p><a href="/misc/goto?guid=4958319077934479373" target="_blank"><img class="aligncenter size-full wp-image-71799" title="CSS Tools Generators (5)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/1455a10d31cc285b3ac2019c3dc1ca86.jpg" width="600" height="250" /></a></p> <h3>The Box Office</h3> <p><a href="/misc/goto?guid=4958319078724303021" target="_blank"><img class="aligncenter size-full wp-image-71800" title="CSS Tools Generators (6)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/6bc78169b6fe7b11c8e910573d9fa8ba.jpg" width="600" height="250" /></a></p> <h3>ie6fixer</h3> <p><a href="/misc/goto?guid=4958319079511682308" target="_blank"><img class="aligncenter size-full wp-image-71801" title="CSS Tools Generators (7)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/86d49939f24a99972816ca09bd0b6fc2.jpg" width="600" height="250" /></a></p> <h3>CSS Drive</h3> <p><a href="/misc/goto?guid=4958319080286949523" target="_blank"><img class="aligncenter size-full wp-image-71802" title="CSS Tools Generators (8)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/b4e3b4900eabe46a42b57c3837d62b21.jpg" width="600" height="250" /></a></p> <h3>SlickMap CSS</h3> <p><a href="/misc/goto?guid=4958319081082804326" target="_blank"><img class="aligncenter size-full wp-image-71803" title="CSS Tools Generators (9)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/766bf74ba682f575ed78841a5b96cdca.jpg" width="600" height="250" /></a></p> <h3>CSS Frame Generator</h3> <p><a href="/misc/goto?guid=4958319081857251827" target="_blank"><img class="aligncenter size-full wp-image-71804" title="CSS Tools Generators (10)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/3a5a14af95305be4435deec0198aefe7.jpg" width="600" height="250" /></a></p> <h3>Accessify</h3> <p><a href="/misc/goto?guid=4958319082653765724" target="_blank"><img class="aligncenter size-full wp-image-71805" title="CSS Tools Generators (11)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/53145caed1024ba4fa5620c37455f3cf.jpg" width="600" height="250" /></a></p> <h3>JotForm – Easiest Form Builder</h3> <p><a href="/misc/goto?guid=4958319083436726701" target="_blank"><img class="aligncenter size-full wp-image-71806" title="CSS Tools Generators (12)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/7f7e31a0a0d0395a4fed4deced5fd696.jpg" width="600" height="250" /></a></p> <h3>CSS Menu Generator</h3> <p><a href="/misc/goto?guid=4958319084222890808" target="_blank"><img class="aligncenter size-full wp-image-71807" title="CSS Tools Generators (13)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/e452d31a4616ca507c667ebadcea792b.jpg" width="600" height="250" /></a></p> <h3>Variable Grid System</h3> <p><a href="/misc/goto?guid=4958319085015209154" target="_blank"><img class="aligncenter size-full wp-image-71808" title="CSS Tools Generators (14)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/606f8b3c0fb468d9662d69c6d50dd765.jpg" width="600" height="250" /></a></p> <h3>The W3C CSS Validation Service</h3> <p><a href="/misc/goto?guid=4958319085804299710" target="_blank"><img class="aligncenter size-full wp-image-71809" title="CSS Tools Generators (15)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/6adeb5f80034743f33439051ee1006ea.jpg" width="600" height="250" /></a></p> <h3>Clean CSS</h3> <p><a href="/misc/goto?guid=4958319086585591240" target="_blank"><img class="aligncenter wp-image-71810" title="CSS Tools Generators (16)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/a4beb26e154807c006215eabbc90db44.jpg" width="600" height="250" /></a></p> <h3>Color Scheme Designer 3</h3> <p><a href="/misc/goto?guid=4958185457922532320" target="_blank"><img class="aligncenter size-full wp-image-71811" title="CSS Tools Generators (17)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/caaf11c9df5a9d5074c9a04cee3240dd.jpg" width="600" height="250" /></a></p> <h3>Ultimate CSS Gradient Generator</h3> <p><a href="/misc/goto?guid=4958319088114399412" target="_blank"><img class="aligncenter size-full wp-image-71812" title="CSS Tools Generators (18)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/c63559c7bd39fdbc97a54cd86a51f9a0.jpg" width="600" height="250" /></a></p> <h3>CSS Color Codes</h3> <p><a href="/misc/goto?guid=4958319088907819188" target="_blank"><img class="aligncenter size-full wp-image-71813" title="CSS Tools Generators (19)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/0301bc4aa5563536fd4af70ddbfad622.jpg" width="600" height="250" /></a><br /> CSS Layout Generator</p> <p><a href="/misc/goto?guid=4958319089697488760" target="_blank"><img class="aligncenter size-full wp-image-71814" title="CSS Tools Generators (20)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/723947fbd66556afce854581066ed03a.jpg" width="600" height="250" /></a></p> <h3>Tabs Generator</h3> <p><a href="/misc/goto?guid=4958319090484772881" target="_blank"><img class="aligncenter size-full wp-image-71815" title="CSS Tools Generators (21)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/7ecc506cf802e830e9ad312a5dfb91e8.jpg" width="600" height="250" /></a></p> <h3>CSS Sprites</h3> <p><a href="/misc/goto?guid=4958319091264771291" target="_blank"><img class="aligncenter size-full wp-image-71816" title="CSS Tools Generators (22)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/b8125f66bc0e16ad4f6b68dbe737304e.jpg" width="600" height="250" /></a></p> <h3>The 1KB CSS</h3> <p><a href="/misc/goto?guid=4958195851450695774" target="_blank"><img class="aligncenter wp-image-71817" title="CSS Tools Generators (23)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/0db2191214c4b4fc17e7c8f2e5cb4102.jpg" width="600" height="250" /></a></p> <h3>CSS Sorter</h3> <p><a href="/misc/goto?guid=4958319092784923361" target="_blank"><img class="aligncenter size-full wp-image-71818" title="CSS Tools Generators (24)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/6dab478da10f549de50e24b47378a868.jpg" width="600" height="250" /></a></p> <h3>@font-face Generator</h3> <p><a href="/misc/goto?guid=4958319093572770936" target="_blank"><img class="aligncenter size-full wp-image-71819" title="CSS Tools Generators (25)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/2363498681bde601c66bbe7173ff3a5c.jpg" width="600" height="250" /></a></p> <h3>CSS Border Radius Generator</h3> <p><a href="/misc/goto?guid=4958319094348066823" target="_blank"><img class="aligncenter size-full wp-image-71820" title="CSS Tools Generators (26)" alt="25+ 个为设计师和开发者准备的 CSS 工具" src="https://simg.open-open.com/show/b8e9a41e55b20560b56cef9788377814.jpg" width="600" height="250" /></a></p> <div style="border-bottom:medium none;text-align:left;border-left:medium none;background-color:#ffffff;color:#000000;overflow:hidden;border-top:medium none;border-right:medium none;text-decoration:none;"> <br /> Source: <a style="color:#003399;" href="/misc/goto?guid=4958319095145600709">http://designmodo.com/css-tools-generators/#ixzz1gvsiwPSw</a> </div>