CSS tools


click for source: http://cssjuice.com/tools/

Below is the complete list of online generators and tools with brief description that particularly for web designers and developers, if you want more details information, just check out the related posts. This page is constantly updated. Please send me details of your sites to get listed here.
Rounded Corner Generators
1. Roundedcornr – rounded corners online generator.
2. Spiffy Corners – simple way to generate the CSS and HTML you need to create anti-aliased corners without using images or Javascript.
3. Sitepoint Spanky – an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup.
4. Spiffy Box – another project by the owner of Spiffy Corners.

CSS Formatters and Optimizers
1. Code Beautifier – a new optimizer.
2. Clean CSS
3. CSSDrive Compressor – a online CSS compressor, powered by CSS Drive.
4. Icey CSS Compressor – another CSS compressor.
5. CSS Optimiser
6. Flumpcakes CSS Optimiser
7. PrettyPrinter

Web 2.0 Logo Generators
1. FreshBadge – new web 2.0 style badges online generator.
2. Web 2.0 Badges – a set of free and very cool web badges.
3. Web 2.0 logo creatr – very simple web 2.0 logo generator.
4. Creatr – another simple web 2.0 logo creator.
5. Web 2.0 Stylr – web 2.0 logo generator.
6. Web 2.0 Free Logo Generator

Stripe Generators
1. Stripe Generator – the professional and popular web 2.0 stripe generator.
2. StripeDesigner – web 2.0 stripe generator.
3. Tartan Maker is a brand new application for designers to design tartan image.

Online Button Makers
1. MyCoolButton – simple web 2.0 buttons maker.
2. Buttonator – online buttons generator, offers premium account.

Ajax Loading Generators
1. Ajax Loading – web 2.0 loading gif generator.
2. Webscriptlab – Ajax loading gif generators.
3. Loadinfo.net – a new spinner online generator.

Background Image Makers
1. Rails2u BGMaker – online background image maker.
2. Dynamicdrive Gradient Image Maker – simple online gradient image maker.

Online Menu Generators
1. Flyout Menu Builder – work at IE and Firefox, created by CSSPlay.
2. Menu Builder for JSCookMenu – simple and easy generator to create horizontal and vertical menus.
3. Webmaster-toolkit Menu Generator
4. Llistulike Generator – create cross-browser list based navigation bars.

CSS Layout and Menu Generators
1. CSS Creator Layout Generator – online CSS layout generator for you to create a fluid or fixed width floated column layout.
2. Inknoise Layout-o-Matic – automatically generates CSS layouts.
3. Firdamatic – an online tableless layout generator that allows you to create and customise layouts easily.
4. 1-3 Columned Page Maker – CSS source ordered variable Border 1-3 columned page maker.
5. QrONE CSS Designer – online CSS stylesheet generator.
6. Scriptomizers Stylesheet Generator – a CSS stylesheet generator.
7. Webmaster-toolkit CSS Menu Generator – CSS menu generator.
8. Colly’s CSS Rollover Generator – CSS rollover generator.

Color Scheme Generators
1. WellStyled Color Scheme Generator – generator of color schemes and palettes to create well balanced and harmonic web pages.
2. ColorJack – multiple online color scheme generators used by designers.
3. Colorschemer Online Version 2
4. 4096 Color Wheel – hover over the color wheel to generate the scheme.
5. Genopal Online – online harmonious color schemes creator.
6. Unsafe Colormatch – create 24-bit color schemes online.
7. Color Mixers – RGB remixing tool.
8. Transparent PNG Generator – create transparent PNG images in any color.
9. Colordb – powerful color scheme generator.
10. Colr – generate color from your own images or flickr.
11. ColorMatch Redux – simple color scheme generator.
12. ColorToy 2.0 – flash color schemer.
13. Visibone Colorlab – simple color wheel.
14. Dhtmlgoodies Color Schemer
15. Triplecode Munsell Palette – cool flash-based color picker.
16. Colorsontheweb – offers various color tools.
17. Gpeters – instant color scheme from Yahoo images.

Color Palette Generators
1. ColorHunter – new color palette generator from images.
2. Color Blender – free online color palette for design and matching.
3. Swatchify – easily create and share your color palette.
4. Jrm Color Palette Generator – generate a color palette based on an image.
5. Degraeve – color palette generator from images.
6. Slayeroffice – simple color palette creator.
7. I+Like+Your+Colors – web pages color palette generator.
8. Bighugelabs – create a harmonious color palette from a photo.

Graphs and Charts
1. Create A Graph Classic – simple online graph generator.
2. FooPlot – online graphing calculator and plotter.
3. Flowchart – free to create charts online.

Favicon Online Generators
1. Favicon.cc – a new web 2.0 feel favicon generator with preview function.
2. 256pixels – raise a daily favicon design challenge via different topics.
3. Favicon2dots – unique Japanese favicon creator from any website URL.
4. Converticon – generate favicons from URL or your computers.
5. FaviconTool – the coolest interface favicon generator.
6. Webscriptlab Favicon Generator
7. Flavicon – they also offer custom favicons service.
8. Favicon Generator and Gallery – at this site you might choose the size of favicon before generation.
9. FaviconGenerator.com – clean favicon generator.
10. Dagondesign Favicon Generator
11. Html-kit – probably most popular one.
12. Favicon JP– Japanese site.
13. Dynamicdrive Favicon– DynamicDrive tool.

FireFox Extensions for Web Design
1. CSSViewer – simple and useful extension for view any part of CSS property at current pages.
2. EditCSS – it is easy way to view or modifier any stylesheets in the Sidebar just right click or “Shift+Ctrl+8&Prime.
3. Firebug – view, edit, and monitor CSS, HTML and Javascript live at any web pages.
4. View Formatted Source – similar with CSSViewer, displays formatted and color-coded source for each element.
5. CSSMate – online CSS editor extension, similar with EditCSS.
6. ViewSourceWith – let you view page source with external applications.
7. Font Finder – simply highlight a single element and right click to view all CSS style.
8. Live HTTP Headers – view HTTP headers of a page and while browsing.
9. Modify Headers – allows you to add, modify and filter http request headers.
10. Professor X – let’s you see inside a page’s head without viewing the source code.
11. CSS validator – one click to valid a page using the W3C CSS validator.
12. Validaty – provides you a button to validate a page using a validator like validator.w3.org.
13. Html Validator – adds HTML validation inside Firefox and Mozilla.
14. SourceEditor – view and edit source of HTML element.
15. Total Validator – provides true HTML validation (HTML 2.0 to XHTML 1.1) using the official DTDs, plus added attribute checking.
16. LinkChecker – check the validity of links on any web page.
17. Web Developer – adds a menu and a toolbar with various web developer tools.
18. Style Sheet Chooser II – allows you to choose author-provided alternate style sheets for a web site.
19. View Dependencies – lists all the files which were loaded to show the current page at a tab of “page info” window.
20. Accessibar – enabling easy manipulation of web page display and text-to-speech output.
21. Aardvark – used for cleaning up a page prior to printing it for making the page more readable and analyzing the structure of a page.
22. Copy as HTML Link – creates an HTML link to the current page using the selected text, copy and paste into other applications.
23. TableTools – sorts, filters or copies any HTML table.
24. CHM Reader – make firefox support Compiled HTML file reading.
25. PageDiff – a simple page compare application to helps web developers and designers to see HTML code differences between web pages.
26. Clipmarks – let you save any parts of current web pages.

Website Validators
1. Markup Validator – a free service by W3C that helps check the validity of Web documents.
2. CSS Validator/ – check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets.
3. WDG HTML Validator – similar to the W3C HTML Validation Service.
4. Web 2.0 Validator – web 2.0 website validator.
5. Validome – offers a very reliable validator for HTML, XHTML and WML.
6. Site Valet – a comprehensive set of Quality Assurance tools for checking and monitoring your web sites.
7. XML validation Form – offers full XML 1.0 validation facilities.

Miscellaneous
1. TheBoxOffice – lets you wrap, float or contour text around freeform images using CSS.
2. Riddle – estimates Em size equivalent to px size.
3. CSS-Ref – test your CSS code.
4. Immike CSS Checker – find CSS selectors that aren’t used by any of your HTML files and may be redundant.
5. CSS Fly – easy source code viewer and editing websites directly.
6. ColorCell – finding the most pleasing color combinations.
7. Colorcombos – web color combinations testing tool for web developers.
8. IDEO Web Color Visualizer – background and font color comparison tool.
9. Typetester – online application for comparison of the fonts for the screen.
10. Kuler – quickly create harmonious color themes online.
11. Whats Its Color – evaluate an image and give you the image’s complementary dominant colors.
12. Web20generator – web 2.0 template generator.
13. Feedvalidator – a validator for syndicated feeds, works with RSS and Atom feeds.
* Please do NOT republish the page on your websites even if attribution is made. *

Advertisements

2 thoughts on “CSS tools

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s