Welcome to web 2.0 Blog

The Last news of the web Development from the world master's
Showing posts with label Tools. Show all posts
Showing posts with label Tools. Show all posts

10 Top-Notch CSS Editors

Posted by web2.0 Design resourse Monday, September 21, 2009 0 comments

CSS editors are editors that focus solely on generating Cascading Style Sheets. Though you could scrape by using a fully-featured IDE or source code editor – CSS editors may offer specialized functions and features to help you write better CSS, quicker.
In this article, you’ll find some of the more popular CSS editors available on the market.

Stylizer

Stylizer


Stylizer is a visual CSS code editor. It has real-time preview that renders changes on your web browser on the fly as you make them. It also has a point-and-click interface (called "Bullseye") which allows you to target page elements by clicking on them, making CSS editing a cinch. Stylizer is available only for Windows and Mac OS.

Style Master

Style Master

Style Master is a cross-platform CSS development application that comes with a robust set of features such as auto-completion, on the fly code editing and rendering of dynamically-generated pages (such as PHP, .NET, and Ruby on Rails), and  a hierarchic display of CSS fields. It also has a feature called Support Watcher which warns you of potential CSS bugs for certain browsers.

RapidCSS

RapidCSS

RapidCSS is ideal for writing CSS code; it is lightweight and offers a wide range of features like code auto complete, syntax highlighting, built-in CSS references and various shortcuts for CSS tags.

Free CSS Toolbox

Free CSS Toolbox

Free CSS toolbox is a simple text editor for CSS. It’s very lightweight and simple to use. It has a syntax highlighter feature, code auto-complete, CSS checker, CSS validator and compressor.

CoffeeCup StyleSheet Maker

CoffeeCup StyleSheet Maker

CoffeeCup StyleSheet Maker is another CSS editor which offers many functionalities to edit CSS, but still not very flexible to increase productivity to its highest level. It has support for shortcut keys for tags, classes, and margins to reduce the amount of typing you need to do. It also comes jam-packed with premade code snippets for common CSS styles.

EnginSite CSS Editor

EnginSite CSS Editor

EnginSite CSS Editor is a good CSS editor with "instant" preview. This editor is ideal for beginning designers focused on simple tasks and designs.

CSSEdit

CSS Edit

CSSEdit stands in the middle between sophisticated web development editors and basic ones. CSS Edit is sleek and clean. It’s best suited for first time and casual CSS coders.

JellyFish-CSS

JellyFish-CSS

JellyFish CSS  is a smart and simple CSS editor. It helps edit CSS code easily and quickly. It will also help you steer clear of CSS syntax errors with its Code-sense feature.

SnapCSS

SnapCSS

SnapCSS is a windows-only CSS editor that is extremely lightweight, featuring a super simple text-editor interface. It has a beautify code function that automatically formats and standardizes your CSS.

SimpleCSS

SimpleCSS

SimpleCSS is a Mac OS application for easily creating stylesheets from scratch. It has an import feature which allows you to pool together several stylesheets into one file. SimpleCSS also features drag-and-drop capabilities for reordering your style rules, so that you may organize them in the manner you need.

Firebug just monitor CSS, HTML, and JavaScript live

Posted by web2.0 Design resourse Sunday, September 6, 2009 0 comments

Firebug 1.4.2 just monitor CSS, HTML, and JavaScript live
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTM
L, and JavaScript live in any web page...
https://addons.mozilla.org/en-US/firefox/images/p/9486/

https://addons.mozilla.org/en-US/firefox/addon/1843

Firebug 1.4 requires Firefox 3.0 or higher.
Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Visit the Firebug website for documentation, screen shots, and discussion forums: http://getfirebug.com
 
 
 

Support

Support for this add-on is provided by the developer at http://groups.google.com/group/firebug/topics

Developer Comments

If you have any problems, please read the FireBug FAQ.

http://getfirebug.com/faq.html

counter

free counters