Comments on: Regex Patterns for Single Line CSS

By: Image Caption Design: Simply Elegant or Boldly Graphic? « Smashing Magazine

Image Caption Design: Simply Elegant or Boldly Graphic? « Smashing Magazine — Sat, 17 Oct 2009 11:38:04 +0000

[…] SuperflousBanter.org […]

By: Michael Kozakewich

Michael Kozakewich — Sat, 09 May 2009 20:14:40 +0000

I used to always code in straight lines, but that did have its own associated problems. I tried multi-line, but was having that same problem of not seeing the selectors.
Eventually, I settled into my current markup: I write the selector, new line, indent, create an open brace, new line, tab yet again (for two indents), and then start with my rules, each on a different line with two indents. Afterwards, I go back to one indent and close the brace.
I’m left with an easy-to-work-with multi-line environment with easily-seen selectors in the un-indented margins. The open and close braces let me see very easily where the block begins and where it ends (I’ve always been annoyed, since the first time I’d seen it done, at the practice of putting the open brace on the same line as the selector/function/etc.).

By: Samantha Warren's Blog | Design - Web Typography - Inspiration

Samantha Warren's Blog | Design - Web Typography - Inspiration — Tue, 21 Apr 2009 01:17:09 +0000

[…] He maintains his popular blog http://superfluousbanter.org where he writes about everything from Regex Patterns for Single Line CSS to logo design. Since he is a super friendly and knowledgeable guy, I decided to make his interview […]

By: Trip Alexander

Trip Alexander — Mon, 23 Mar 2009 14:01:10 +0000

Looks like I am a little late to this debate, but I thought I would I would throw my way of doing it into the mix. I code CSS mult-line, but as I am certain that no more adjustments are to be made, I convert it to single line. Maybe that’s odd, but it works for me.

Thanks Dan for the macro. Looking forward to meeting you in a week. Heading to hear you speak in Atlanta.

By: Regex Patterns for Single Line CSS @ Dan Rubin’s SuperfluousBanter | CSS Tutorials - CSSHelper.net

Thu, 19 Mar 2009 09:27:42 +0000

[…] Source […]

By: Chad

Chad — Tue, 03 Mar 2009 14:42:42 +0000

I use a mix of both single line and multiline CSS, for my own projects, I indent and comment single line. My first single line in a common group of CSS would be the outtermost indent so that it just looks more organized.

I don’t think there is actually any (read -minimal) space savings by compressing a multiline into a single line format.

By: 138 Helpful CSS Tools that I Bookmarked | Andrew Wayman

138 Helpful CSS Tools that I Bookmarked | Andrew Wayman — Tue, 17 Feb 2009 05:16:29 +0000

[…] Regex Patterns for Single Line CSS - If you are formatting your CSS style sheets single-line, you may find Dan Rubin’s Textmate macro useful and helpful. “This macro retains a single blank line where your original contained two or more blank lines (helpful if you group your rules) and adds white space that matches my standard formatting preferences (which I find makes it easier to scan quickly).” And if you don’t use Textmate, you can use a regular expression instead; it is also provided in the post. […]

By: 50 herramientas útiles para maquetar con CSS

50 herramientas útiles para maquetar con CSS — Sat, 07 Feb 2009 10:15:43 +0000

[…] Regex Patterns for Single Line CSS If you are formatting your CSS style sheets single-line, you may find Dan Rubin’s Textmate macro useful and helpful. “This macro retains a single blank line where your original contained two or more blank lines (helpful if you group your rules) and adds white space that matches my standard formatting preferences (which I find makes it easier to scan quickly).” And if you don’t use Textmate, you can use a regular expression instead; it is also provided in the post. […]

By: Dan Rubin

Dan Rubin — Sun, 28 Dec 2008 20:45:35 +0000

@Brent: That shouldn’t be difficult to adjust — since this is all just a series of grep patterns, anything you can write a pattern for can be added into the series.

Speaking of which, if anyone makes their own customized versions, I’d love to hear about them — come back and share them here in the comments!

By: brent

brent — Sun, 28 Dec 2008 14:58:31 +0000

This is great, thanks for making it public, one thing that seems to make it fall short (for me anyway) is the formatting within the lines. Since it removes all white space you’re left with something like this:

.entry ul { margin-left:0px;padding:0 0 0 30px;padding-left:10px; }

where I this would be more readable and preferred by anyone (like myself) who codes in single line CSS:

.entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px; }

[single space after the colons and semi colons]

would this modification be easy to make?

brent
@
mimoymima.com