Web Courses Academy Blog

10 CSS Editors for Windows and Mac

Author: Carl Heaton
He is our senior instructor and originally from Manchester UK. Carl teaches our Web Design and Online Marketing Courses.
istylr
Quick jump to topics
Sharing is caring

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!


css editors header

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

css edit

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$

Read more…


skEdit

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

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$

Read more…


Coda

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$

Read more…


Xyle Scope

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

Read more…


Stylizer

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$

Read more…


Style Master

stylemaster

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$

Read more…


jEdit

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

Read more…


Rapid CSS

rapidcss

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$

Read more…


iStylr

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.

More great articles
There is more where this came from
Join our monthly newsletter packed with course dates, latest articles, free resources and job opportunities

Sorry. You must be logged in to view this form.

Promise to only send you useful interesting newsletters once a month.