![]() ![]() Postable “I absolutely hate having to switch all the ‘’ signs in my code to ‘,’ respectively.This may be a bit strange for you at the beginning, but if you get used to it you’ll find it much better. CSS Frame Generator This tool returns corresponding CSS in a line-by-line way indented with spaces to reflect XHTML structure - each selector and all of its properties and values in one line.Type a base font size in pixels, and the tool will produce a complete pixel to em conversion table, making elastic Web design much easier to produce. px to em This tool is what its developers call “px to em conversion made simple”.Conditional-CSS Conditional-CSS allows you to write maintainable CSS with conditional logic to target specific CSS statements for both individual browsers and groups of browsers.By following the guidelines and naming conventions, you can precisely choose how the transformation from PSD to (X)HTML and CSS is done. ![]() PSD2CSS Online A free online service that generates Web pages from Photoshop designs.It also generates the source code on the fly. CSS-Typoset Matrix and code generator A matrix table that presents font sizes and (symmetrical and asymmetrical) margins for various base font sizes - in pixel and em units.CSS Type Set CSS Type Set is a hands-on typography tool that allows designers and developers to interactively test and learn how to style their Web content.The goal is to provide hyphenation in all browsers that support JavaScript and the soft hyphen for at least English, German and French. Liang’s hyphenation algorithm commonly known from LaTeX and OpenOffice. Hyphenator Hyphenator.js brings client-side hyphenation of HTML documents to every browser by inserting soft hyphens using hyphenation patterns and Frank M.53 CSS Techniques You Couldn’t Live Without.Powerful CSS-Techniques For Effective Coding.Please take a look at the following related posts: Some tools are new and some are old, but hopefully everybody will find a couple of new useful or at least inspiring tools. We did not include “traditional” CSS tools, such as Firebug or the Web Developer extension, but tried to focus on rather unknown tools that are definitely worth a look. We - our community and the design community - truly appreciate your efforts.īelow, we present 50 extremely useful CSS tools, generators, templates and resources. Big thanks to all designers and developers who contributed to the design community over the last months and years. Now again is the time to give these tools the attention they deserve. Last year we prepared and published some of them in a series of smashing posts about CSS. We have been contacting developers, encouraging them to improve their tools and release their handy little apps to the public. For months, we have been bookmarking interesting, useful and creative CSS tools and related resources. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |