CSS Editor
I love using MultiMarkdown Composer for rapid outlining and a general scratchpad. I have previewed several style sheets and still prefer customizing my own stylesheet. The bullet list have space between lines which I want to reduce. I haven't play around with CSS in years (and loads has changed). I have a fundamental question about the best editor on the Mac for customizing these style sheets. Text editors are always good, yet I am looking for tools to help validate and reformat my CSS, which bring me to my next point.
The default style sheets are condensed and not organized for a casual CSS developer. My thought is maybe a Mac tool could bridge the readability. Please let me know what CSS editor you use; and if a short synopsis on editing these style sheets for the preview and source editor.
Could this section contain newlines for readability?
css = "body {background:#fff;color:#000;font-family: Palatino; font-size:14px;line-height:170%;text-align:justify;} table { border: solid black; border-width: 2px 0px; empty-cells: hide; border-spacing: 0px; padding: 2px; margin: 20px auto;}table caption { margin: 5px; text-align: center; caption-side: bottom;}thead th { border: solid gray; border-width: 0 0 2px 0; padding: 5px;}thead > tr:last-child > th { border-style: none; }tbody > tr:first-child > td { border: solid gray; border-width: 1px 0 0 0;}tbody > tr:first-child > th { border: solid gray; border-width: 1px 0 0 0;}thead + tbody > tr:first-child > td { border: solid black; border-width: 1px 0 0 0;}thead + tbody > tr:first-child > th { border: solid black; border-width: 1px 0 0 0;} del {background:#fae6e6;} ins {background:#ecfce6} a.footnote, a.citation {font-size: 0.83em; vertical-align: super;}";
Thanks in advance.
Comments are currently closed for this discussion. You can start a new one.
Keyboard shortcuts
Generic
| ? | Show this help |
|---|---|
| ESC | Blurs the current field |
Comment Form
| r | Focus the comment reply box |
|---|---|
| ^ + ↩ | Submit the comment |
You can use Command ⌘ instead of Control ^ on Mac
Support Staff 1 Posted by Fletcher on 19 Nov, 2013 02:40 AM
Glad that you're finding Composer useful!
I use TextMate for most of my CSS editing. I used a special purpose
editor or two for CSS several years ago, but it's been *years*. I think
it was CSSEdit, but can't swear to that.
Any decent text editor offers find/replace. You can use that to add a
newline after ';' and '}' for easier editing, and then strip out the
newlines to put back in the style sheet.
The editor doesn't use CSS, it uses an Apple Property List format.
You could experiment with how much white-space is allowed in the plist
format. But if there are problems, you'll need to try stripping out the
newlines to see if that fixes things. Again, any decent text editor's
find/replace can help with that.
If you're going to do a lot of CSS editing, you might eventually want to
look into something like LESS. It's like CSS on steroids.
Hope this helps,
Fletcher
Fletcher closed this discussion on 26 Nov, 2013 01:32 AM.