7 个能够让Web设计变得更好的最佳CSS工具

jopen 11年前
   <h3>1) <a href="/misc/goto?guid=4958522637126777939" target="_blank">CSS Hat</a></h3>    <p style="text-align:center;"><a href="/misc/goto?guid=4958523204141050019"><img class="aligncenter size-full wp-image-9321" title="csshat" alt="7 个能够让Web设计变得更好的最佳CSS工具" src="https://simg.open-open.com/show/f2abd95e72361229f42c7443ff1ac0b2.png" width="550" height="334" /></a></p>    <h3 style="text-align:left;">2) <a href="/misc/goto?guid=4958522637303757883" target="_blank">Web Putty</a></h3>    <p style="text-align:left;">WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant <span id="IL_AD12" class="IL_AD">publishing</span> with minification, compression, and automatic cache control.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958523204278164541"><img class="aligncenter size-full wp-image-9322" title="webputty" alt="7 个能够让Web设计变得更好的最佳CSS工具" src="https://simg.open-open.com/show/ca8bcae76a9687d5576b481ed7ce935c.png" width="550" height="334" /></a></p>    <h3 style="text-align:left;">3) <a href="/misc/goto?guid=4958326721136670172" target="_blank">Bootstrap</a></h3>    <p style="text-align:center;"><a href="/misc/goto?guid=4958523204413601957"><img class="aligncenter size-full wp-image-9323" title="bootstrap" alt="7 个能够让Web设计变得更好的最佳CSS工具" src="https://simg.open-open.com/show/afde3ad4352aa1f02d33369cef471d26.png" width="550" height="334" /></a></p>    <h3 style="text-align:left;">4) <a href="/misc/goto?guid=4958521907687538999" target="_blank">Responsive Grid System</a></h3>    <p style="text-align:center;"><a href="/misc/goto?guid=4958523204560513644"><img class="aligncenter size-full wp-image-9324" title="rgs" alt="7 个能够让Web设计变得更好的最佳CSS工具" src="https://simg.open-open.com/show/c1edd6b8c8214922140166324d12ee64.png" width="550" height="334" /></a></p>    <h3 style="text-align:left;">5) <a href="/misc/goto?guid=4958340824004497462" target="_blank">Spritepad</a></h3>    <p style="text-align:left;">With SpritePad you can create your CSS sprites within seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + <span id="IL_AD10" class="IL_AD">CSS code</span>. No fiddling in <span id="IL_AD2" class="IL_AD">Photoshop</span>, no manual assignment of CSS styles.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958523204707216947"><img class="aligncenter size-full wp-image-9326" title="sprite" alt="7 个能够让Web设计变得更好的最佳CSS工具" src="https://simg.open-open.com/show/fa59ff6f6e5bd9c19b31e3d0a9cb63ad.png" width="550" height="334" /></a></p>    <h3 style="text-align:left;">6) <a href="/misc/goto?guid=4958522637009404407" target="_blank">Normalize CSS</a></h3>    <p style="text-align:left;">Normalize.css makes <span id="IL_AD8" class="IL_AD">browsers</span> render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.</p>    <p style="text-align:center;"><a href="/misc/goto?guid=4958523204866056287"><img class="aligncenter size-full wp-image-9327" title="normalize" alt="7 个能够让Web设计变得更好的最佳CSS工具" src="https://simg.open-open.com/show/6870cb092f8954629caf18ff5c0ae90d.png" width="550" height="334" /></a></p>    <h3 style="text-align:left;">7) <a href="/misc/goto?guid=4958522636819312687" target="_blank">CSS Comb</a></h3>    <p style="text-align:left;">The algorithm of CSScomb simulates web-technologist’s actions upon <span id="IL_AD9" class="IL_AD">working</span> with CSS-code to the limit. Usually to re-order code you move lines over each other considering comments in the code, multilines records of <span id="IL_AD6" class="IL_AD">property values</span>, hacks and everything that could be found in the real file. CSScomb reproduces these actions for you. This means that the parser “thinks” as a person editing the text, not as a blind robot parsing CSS.</p>    <p><span style="text-align:center;"><a href="/misc/goto?guid=4958523205005713020"><img class="aligncenter size-full wp-image-9328" title="csscomb" alt="7 个能够让Web设计变得更好的最佳CSS工具" src="https://simg.open-open.com/show/97ea2a51da8463e8b0d0e9649f3b0d8f.png" width="550" height="334" /></a> <br /> </span></p>