Today I’m going to give you a short overview of 10 CSS editors for both Windows and Mac. Just have a look and choose the one best suited to you!
Today I’m going to give you a short overview of 10 CSS editors for both Windows and Mac. Just have a look and choose the one best suited to you!
CSSEdit
Platform
Mac
Features
- Style sheet changes can be viewed in real-time without uploading or refreshing
- On- and offline style sheet editing
- X-ray feature shows the styles that apply to a selected element on a website
- Folder grouping system
- Visual editors
- Source editor with automatic completing function
- Selector builder function with English buttons instead of cryptic selector codes
- Built-in validation
Cost
39.95$
skEdit
Platform
Mac
Features
- Add and customize support for new languages
- Remote file editing with support for FTP, SFTP and WebDAV
- Project manager supports creating and editing projects from local, remote and mixed files
- Code completion function
- Project-wide search-and-replace
- Single- and multifile search
- Snippet function packages frequently used text pieces into snippets that can be accessed via key commands
- Live preview in browser or within skEdit
- Integrated support for subversion source control
Cost
24.95$
Read more…
TextMate
Platform
Mac
Features
- Support for more than 50 languages
- Dynamic outline for work with multiple files
- Foldable code blocks
- Auto-indent and auto-pairing functions
- Search-and-replace inside a project
- Clipboard history
- Supports recordable macros
- Visual bookmarks within files
Cost
59.00$
Coda
Platform
Mac
Features
- Integrated subversion source control
- Spell check
- Search-and-replace across multiple local files
- One-click publishing
- Supports remote file editing with FTP, SFTP, FTP+SSL and WebDAV
- Live collaboration function
- Auto-completion and block editing
- Package frequently used text into snippets
- Visual and text editing modes
Cost
99.00$
Xyle Scope
Platform
Mac
Features
- Browser and selection mode show HTML and CSS sources for the selected element
- Shows HTML code as a hierarchical tree structure
- Cascade mode shows stylesheets applying to a selected element and its ancestors
- Advanced search capabilities
- Block Filter function helps to understand the overall structure of a site
- Real-time editing and preview
- Advanced source code formatting
- Automatic source code formatting
- Selector matching
- Full-text search and Smart Groups function allow to filter CSS files
Cost
Free – Development discontinued
Stylizer
Platform
Mac / Windows
Features
- Integrated preview
- Online CSS editing function with saving to a FTP/SFTP/FTPS server, a local drive or clipboard
- Color selection tools for real-time editing and previewing
- Integrated validation system
- Eyedropper function
- Magnifying lens function
- Rulers
- Bullseye function lets you mark an element of your website and make direct visual changes to the CSS rules
- Automatically applies browser filters
- Search-and-replace in real-time
Cost
79.99$
Style Master
Platform
Mac / Windows
Features
- WYSIWYG editors
- Hand-coding toolbox
- Interactive previewing
- Built-in validation
- Syntax-checking on the fly
- Advanced color picking tools
- Design Pane and X-Ray features allow to see and edit statements that apply to the selected element
- Over 40 templates included
- Layout and design wizards
- Browser support help function
Cost
59.99$
jEdit
Platform
Mac / Windows / Unix
Features
- Mature text editing functions
- Efficient and customizable keyboard shortcuts
- Comprehensive online help
- Unlimited undo/redo
- Intelligent bracket matching and auto-indent
- Multiple file search-and-replace
- FTP plugin available
- More than 150 plugins
- Can open any number of files at once
- Syntax highlighting for CSS and more than 130 other file types
Cost
Free
Rapid CSS
Platform
Windows
Features
- Advanced text editor
- CSS validation
- Customizable interface
- Built-in real-time preview
- Search-and-replace
- Syntax highlighting
- CSS selector creator
- Color picker
- FTP connectivity features
- Vertical and horizontal split screen preview
Cost
39.85$
iStylr
Platform
Online
Features
- Create CSS code from within your browser
- Syntax highlighting
- Auto-completion and auto-indent
- Built-in real-time preview
- Search-and-replace function
- Undo/Redo/Discard all changes
- Word-wrapping
- Full-screen mode
- CSS wizard
Cost
Basic usage free, premium account 29€ per month
Read more…
Summary
So there is a wide choice for you now, whether you work on a PC or a Mac, whether you want freeware or are willing to pay for your software, whether you like to work with a visual editor or a text editor, and I hope this collection helped you to find a CSS editor fitted to your needs.
If you want to learn more about CSS and what you can do with it, check out our Web Design Beginner and Web Design Intermediate Classes!
Tell us about your favourite CSS editor or let me know if there’s another one that I should have mentioned. And if you liked this post, please don’t forget to comment and share.
