Style Master v 5.0 (for Mac OS X), v 4.6 (for Window) 1997 - 2016 Interface and help in English. language. Weight 8.79 MB. Price: $59.99 After the trial period (30 days) ends, the program will continue to work in a stripped-down free version.
Works on Windows 2000/NT/XP/Vista, Mac OS X.

The purpose of the program is to create CSS style sheets. Create style sheets based on your HTML. Editing CSS, as well as PHP, ASP.NET, Ruby, etc. Support for CSS3 and HTML5. Copyright information on the Internet (English)
Download

TopStyle Pro v 5 (1999 - 2006). Interface and help in English. language (there is a localization). Price $79.95 Available free version programs (TopStyle Lite).
The purpose of the program is to create CSS style sheets for web pages.
CSS3 and HTML5 support. You will have access to all the latest tag features and properties.
Preview HTML and CSS while you create CSS rules.
TopStyle supports IE, Chromium, Firefox and Safari browsers.

Astyle CSS Editor

Astyle CSS Editor v 3.8 Beta 8. (2003 - 2008). Interface and help in English. language. Weight 1.48 MB. Free program.
Works in Microsoft Windows 98, Me, NT 4, 2000, XP.
Astyle CSS Editor is a visual editor for CSS style sheets.
The work is carried out in visual mode, without writing code.

LiveStyle is a program designed for editing CSS style sheets in real time. Weight 44.7 MB.
Any changes you make to the style sheet are immediately reflected on the current web page (without refreshing the page).
LiveStyle is installed as an extension for Google browser Chrome or Sublime Text editor, and can work with projects of any size: from small one-page sites to huge websites. And you can even work with your website.
When you install LiveStyle, for example, as an extension for Google Chrome, the program icon appears in the browser toolbar.
Video review
Download

LiveReload v 0.9. Weight 10.3 MB. Works on Mac, Windows, Linux.
Used as extensions with Safari browsers, Chrome, Firefox and Mobile Safari). In its functions and purpose, LiveReload is similar to the LiveStyle program.
Download

Simple CSS v 2.3 (2016). Interface in English language. Weight 5.9 MB. Free program. Works on Mac OS X and Windows.
Simple CSS(" Simple CSS") - simple program on creating style sheets in CSS2 format.
Allows you to quickly style the main area of ​​the page (the area ), headings, tables, lists, links.

Free CSS Toolbox

Free CSS Toolbox v 1.2 (1999 - 2008). Interface in English language. Weight 1.4 MB. Free program.
The purpose of Free CSS Toolbox is to create, edit and check CSS code.
The program also includes search, CSS Validator, CSS Formatter, CSS Compressor. Currently, the development of the program has been discontinued; it has been replaced by another program by this author, Rapid CSS editor.
Download

Rapid CSS editor

Rapid CSS editor 2018 v 15.4 (2004 - 2018). Interface in Russian, help in English. language. Weight 24.7 MB. Pricing: Rapid CSS 2018 - $49.95, Rapid CSS Personal (personal use) - $39.95 Works on Windows XP, Vista, 7, 8 10.
The purpose of the program is to create style sheets (CSS). At the same time, Rapid CSS editor can also be used to work with HTML pages.

ArduoCSS Editor

ArduoCSS Editor v 1.0.0. Interface in English language. Weight 5.3 MB. Free program.
The purpose of ArduoCSS is to create CSS style sheets.
The work is carried out in visual mode. Preview available. Easy to use program.

Attention! Service technical support does not provide advice on working with CSS.

The CSS Style Editor plugin allows you to include your own styles file, replacing or supplementing theme styles. The plugin is recommended for users with experience with CSS.

To edit CSS styles, go to the console section Appearance - CSS Editor.

If this is your first visit to the CSS Style Editor (or you haven't added any custom CSS code yet), then you'll see a message in the edit window (enclosed in /* and */). Please check out this post as it contains some important information about working with CSS styles.

To the right of the style editor there is additional settings and the ability to view and restore CSS style revisions.

In the settings in the field Dynamic CSS You can enable one of the types of dynamic CSS: LESS or SASS (SCSS Syntax). Only use dynamic CSS if you know what it is.

In field Mode select the mode for editing CSS styles: adding to existing styles or replacing theme styles with your own (replaces only the styles that you write, recommended for advanced users).

The Content Width field allows you to set a pixel width limit for videos, full-width images, and other content. This may be necessary if you have changed the column width for the content.

Please note that this will not affect the size of images and videos added before changing the content width settings. You may have to reinsert some images or videos after changing the settings.

In the block CSS revisions Only revisions for the activated theme are displayed. The server stores the last two editions; if there are more editions, the oldest ones are automatically deleted.

To go to view the revision, click on the revision date in the list of revisions.

A window will appear comparing the current and selected editions. The old edition can be restored by clicking on the “Restore this edition” button.

Preview

When editing CSS styles, it is very important that you can always preview your changes before saving them. To see what happened after making changes to the CSS styles, click the button View.

A new browser window/tab will open where you can view your site from changes made. When viewing, a message will be displayed under the admin panel: “Preview: changes must be saved, otherwise they will be lost.”

Viewed (3395) times

Editor's choice for us developers source code is not something insignificant. This is the environment in which we spend most of our time. Our productivity depends on the code editor.

No two developers are alike, so there is an abundance of code editors from which you can choose the best one for yourself. To understand which one is the best, we will evaluate different criteria on a 5-point scale. We will pay attention to:

• Ease of use- how simple the editor is for beginners, how intuitive it is when we open it for the first time.
• Power- a criterion for all innovations, code editing capabilities, autocompletion, editing modes, etc.
• Extensibility- Does the editor support plugins and additional libraries?
• Aesthetics- we love the beauty in our work, how pleasant the environment is to look at, how neat the code looks in it.
• Speed- how quickly the editor starts, how quickly it opens large files.
• Cross platform- Is the editor available for multiple operating systems?
• Price- the cheapest price gets the highest mark.

Code editors are provided in groups that cater to specific types of developers.

For the Guru

You ask, who are gurus? Basically, these are people who used editors program code even before you were born. The instruments of this group are heavy and wide. They can be launched from a terminal window and, in UNIX tradition, all their settings are defined in a configuration file.

Vim

Released in 1991. The versatile and powerful editor has gained many fans around the world. What makes it special among others is the technology command line. Instead of simple writing code, you select an input mode for text, run a search, and use even more guidance. This editor is imported to all known operating systems. Vim can also be extended with scripts and plugins. This is free software that is already installed on many Linux systems.

Emacs

Development of Emacs began in the distant 1970s and continues to this day. This editor is known for its extensibility. It is one of the first editors to support code highlighting, automatic code alignment, and support for many programming languages. Like Vim, it is also cross-platform and can be used through a terminal window or GUI. Emacs is a free and open resource.

For professionals

Code editors in this category are fully equipped with development tools. They are easy to use and have powerful tools. Developers can write, compile, test and run in one application.

Eclipse

Eclipse is most often used for development Java applications. This software supports plugins that make it possible to support additional programming languages. There are plugins for C/C++, Ruby, PHP and others. Eclips offers powerful code hinting built on documentation and real-time syntax checking. Large companies, such as Google, provide their development tools for this platform. You can easily create applications for Android and App Engine. Eclipse is free and open source.

Aptana Studio

Aptana is a development environment designed for heavy AJAX applications. This environment supports most popular web languages: PHP, JavaScript, HTML, CSS, Ruby, Python and others using plugins. There is also Git integration, the ability to test the application on local server, and many useful code snippets for each programming language. Like Eclipse, Aptana is free and open source.

Netbeans

Another environment for Java, but like Eclipse, can be extended for additional languages: PHP, Python, C/C++ and others. The application runs on Linux, Windows and OSX. Netbeans can speed up desktop application development with Drag and Drop constructor. Negative side is performance - Netbeans may slow down large projects. This code editor is free and open source.

Dreamweaver

Dreamweaver is part Adobe applications Suite designed for web designers. It supports only the most popular web programming languages ​​- PHP, ASP.NET, JavaScript, HTML, CSS. Very beginner friendly, with support for WISIWYG editing, live viewing, testing remote server and application development with using jQuery mobile and Phonegap. Dreamweaver is available on OSX and Windows. If you buy the entire package of applications for $399, there is no point in using it. But if you buy it separately, there might be something to it. It will be even easier.

Visual Studio

Visual Studio is an all-in-one development environment for Windows. This editor supports a large number of languages: C/C++, C#, VB.NET and F# which are built into the environment. It has powerful tools for code completion, line-by-line documentation, error checking, debugging, form design, creating database schemas and much more. The price starts at $500, but the express version of the program is available for free.

Xcode

Xcode is Apple's solution for OSX development and iOS applications. Supports C, C++, Objective-C, Objective-C++, Java, AppleScript, Python and Ruby. With Xcode, you can write, debug, and test applications. Has an interface designer and emulator mobile devices, For iOS testing applications. Xcode was used as a paid editor, but now they offer it for free.

Coda 2

Coda is an all-in-one editor for web developers. Supports file transfer via FTP protocol, code navigation and file structure, sites and site groups, MySQL management and much more. With the new Coda 2, you can use your iPad to browse. The stable price is $99, but you can get it at a discount for $75.

For aesthetes

These code editors are beautiful, lightweight, easy to use, and extensible. There is a lot of talk about them, many provide plugins, write articles, and offer solutions on how to make this or that editor better.

TextMate

TextMate is mostly graphical text editor for OSX. Supports macros, code storage, snippets, shell integration, project management. Text Mate 2 will presumably come with everything you can get. The editor costs about $50.

Sublime Text 2

Sublime is a beautiful cross-platform editor. It is fast and rich in functionality for almost every programming language. Supports multiple selections, code folding, macros, projects and more. Full-screen editing is also possible, which looks great on large monitors. Runs on Linux, Windows and OSX. This editor comes with an unlimited trial period, but you need to buy a $59 license that can be used on every computer.

For pragmatists

Notepad++

This powerful and lightweight editor is a must-have for every Windows developer. Although the name suggests an advanced notepad, it is a powerful tool. It's easy for beginners, but it's also suitable for professionals. Notepad++ supports every popular programming language. Supports splitting the workspace into two editing windows, FTP browser, macros and powerful features text editing. Notepad++ is absolutely free. It's possible.

TextWrangler

TextWrangler is a free and lightweight editor for OSX. Supports all programming languages. Offers powerful search and replace functionality, text manipulation, file comparison, FTP support and much more.

CodeLobster

CodeLobster has simple and powerful functionality for web programmers. Suitable for all versions of Windows OS: 8, 7, Vista, XP, 2003, 2000, ME, Server. Flexible configuration of the working environment, tooltips for functions, debugging, and a todo list. This editor is recommended specifically for web developers; it can easily be extended to work with various frameworks: CakePHP, CI, Drupal, JQuery, Yii, Smarty, Symfony, WP, Facebook. A lightweight version of the editor is available for free. With a set of tools for $40, a full set of plugins and extensions for over $100.

The best code editor is...

Couldn't find your editor on this list? Tell us what your favorite editor is in the comments below!

• Translation

This is not an attempt to create a list of all existing CSS development tools. Only a few, the most useful ones, were selected and placed in the appropriate categories.

For a tool to be truly useful, it must have good documentation and a user-friendly interface. Unfortunately, some of the tools on the list do not fully meet these criteria. If anyone knows best alternatives with a friendlier interface and more functionality, write in the comments.

Layouts

CSS Layout Generator
This generator can create a three-column (one-, two-) layout with a floating or fixed layout containing a header and footer. Dimensions can be specified in px, em or %.

Beyond CSS

MoreCSS
MoreCSS is designed for designers JavaScript library, which allows you to write code in CSS style to create pop-ups, tooltips, tab menus, zebra tables, advanced list styles and cross-browser transparency.

LESS – Leaner CSS
Less is a Ruby gem that extends CSS by adding features such as variables, mixins, operations, and nested rules. It is enough to rename the .css files .less to get all these features.

DtCSS
DtCSS is PHP script, which processes CSS file s, allowing you to use nested selectors, color mixing, etc. in them. DtCSS reads a CSS file with special instructions written for DtCSS, and outputs normal CSS. There is a smart caching system.

SASS is a stylesheet compiler. Very convenient - indented formatting, like in Python, mixins with parameters (almost functions), variables and operations on them.

Tags:

• css
• development tools

Add tags

That's for sure, CSS technology allows you to easily change appearance the entire website by modifying a single file. CSS editors greatly simplify the process of making changes to CSS files. We present to you 14 such CSS editors that can cut the workload of any designer in half.

1. Stylizer

It is a web browser that generates CSS programs incredibly quickly. Stylizer allows you to execute CSS markup in real time right in the browser, keeping everything under control. This method is much faster and more visual than using external editors like Notepad or Dreamweaver.

2.Xylescope

openly converts pages with markup errors embedded in the source encoding into full-fledged XHTML documents. Auto-formatting of the source encoding guarantees a clear structure of the final version and its good readability, regardless of the quality of the initial text.

3. Style Master

- the main tool for building CSS structures compatible with various platforms. Style Master is much more than just a text editor, it supports your work environment, including the following processes:
- creating style sheets based on your HTML codes
- direct CSS editing of sites on PHP based, ASP.NET, Ruby, as well as other dynamic structures
- CSS editing via ftp

4. Rapid CSS Editor

With this tool you can quickly and easily create cascading style sheets of any size and complexity, as well as edit them. You can either do the stylesheet encoding manually or let a program do it for you. Either way, it's easy, thanks to many useful features, including autocompletion, code checking and CSS programs. The results are immediately displayed by the built-in previewer. Rapid CSS Editor is designed to save your time and make your work easier.

5. CSS Toolbox

- a free piece of software to improve the productivity of web developers specializing in CSS codes. Free CSS Toolbox contains a set of tools to speed up and modernize the process of generating stylesheet codes, e.g. latest css Formatter and CSS Validator.

6. CoffeeCup StyleSheet Maker

allows you to build fully functional cascading style sheets, choose text layout, fonts, background, etc. You only need to change the tag attributes in the CSS file, since every web page will look to this file for guidance own settings. In addition, you can overlay text, create links without underlining, put pictures under tables as backgrounds, and even generate your own tags with functions you assign to them.

7. EngInSite CSS Editor

is a fully integrated Cascading Style Sheets (CSS) tool designed to save you time and expand your creative horizons.

8. CSSEdit

With it, you can see changes made to your style sheet in real time. No saving. No download. No obstacles. For any web application or HTML file.

9. Jellyfish-CSS

- multifunctional style sheet editor. WITH full set options needed to build great style sheets.

10. snap(css)

- a very compact notepad-like application that allows CSS developers to easily edit their code using a familiar environment and quick access to such useful functions like "beautify" and "collapse".

11. Simple CSS

allows you to easily create cascading style sheets (CSS) from scratch and/or modify existing ones in a familiar interface by hovering the cursor and clicking the mouse button.

12. TopStyle

includes functional tools for designing websites taking into account the requirements of standards.
- Provides preview CSS as you code.
- Easily generates expressive color schemes for your website.
- Checker Style Checker ensures that your CSS encoding is syntactically correct across browsers.
- Site Reports feature allows you to immediately detect CSS styles on your site.
- The Style Upgrade function quickly replaces all outdated HTML codes with equivalent CSS combinations.

13. tsWebEditor

- document editor in HTML, PHP, Perl, javascript, CSS and many other programming languages. It displays the source encoding in color (syntax highlighting), suggests codes for performing functions, performs autocompletion (PHP, javascript, ASP, HTML), supports the browser software environment, the operation of the PHP tool for setting up and checking the correctness of syntax, and also help desk, CSS wizard, HTML tag editor, HTML syntax correctness checker and easy-to-use SQL structure constructor.

14.cssed

- a compact editor for building code and checking its correctness, designed to simplify CSS editing. Available as an Open Source project, that is, you can download not only the program itself, but also its source codes.