Comments on: Formatting Objective-C code with the HTML code tag http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/ now with more sarcasm Mon, 08 Sep 2008 06:46:15 +0000 http://wordpress.org/?v=2.5 By: Denis Defreyne http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22796 Denis Defreyne Mon, 20 Aug 2007 08:25:58 +0000 http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22796 Looks like my markup broke, so let's try that again… I use <pre><code>…</code></pre>. (<pre> is a block element, so no need for code { display: block; }.) On my blog, I use syntax highlighting, but I mark up everything manually: <span class="variable">, <span class="function">, etc. Takes a while, but the result is pretty. (And I can distinguish variables from functions, which no syntax highlighter can do.) TextMate also has copy-as-HTML functionality, but I don't use it because the HTML it generates is *massive*. Additionally, on my site, if a code block becomes to large, I make it expand horizontally when hovering over it. Real nifty, if I say so myself. Looks like my markup broke, so let’s try that again…

I use <pre><code>…</code></pre>. (<pre> is a block element, so no need for code { display: block; }.)

On my blog, I use syntax highlighting, but I mark up everything manually: <span class=”variable”>, <span class=”function”>, etc. Takes a while, but the result is pretty. (And I can distinguish variables from functions, which no syntax highlighter can do.)

TextMate also has copy-as-HTML functionality, but I don’t use it because the HTML it generates is *massive*.

Additionally, on my site, if a code block becomes to large, I make it expand horizontally when hovering over it. Real nifty, if I say so myself.

]]> By: Andy http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22761 Andy Sun, 19 Aug 2007 15:25:20 +0000 http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22761 > Think you meant to escape the tags now, too. *sigh*, yes. In fact, I did the first time I pasted into the WordPress editor. It was just kind enough to switch the &lt; and &gt; into actual < and > characters the first time I hit save (I do a "Save and Continue" first to preview it, then hit "Publish"). > Think you meant to escape the tags now, too.

*sigh*, yes. In fact, I did the first time I pasted into the WordPress editor. It was just kind enough to switch the &lt; and &gt; into actual < and > characters the first time I hit save (I do a “Save and Continue” first to preview it, then hit “Publish”).

]]> By: Jeff Johnson http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22760 Jeff Johnson Sun, 19 Aug 2007 13:58:58 +0000 http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22760 I agree with Ankur: use <pre><code>. By the way, Ankur, doesn't <pre> already create a block? In my style.css, I use the following to automatically create a horizontal scrollbar so that the content doesn't overflow to the right: <code>.entry pre {overflow: auto;}</code> I agree with Ankur: use <pre><code>. By the way, Ankur, doesn’t <pre> already create a block?
In my style.css, I use the following to automatically create a horizontal scrollbar so that the content doesn’t overflow to the right:
.entry pre {overflow: auto;}

]]> By: Ankur http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22755 Ankur Sun, 19 Aug 2007 09:33:06 +0000 http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22755 Use the <pre> tag for block level code. It's usually monospace as well, so your formatting stays nice. For semantics, I wrap code in <pre> and <code>, and in my theme I've styled <code> to display:block. For indentation, just use the padding-left CSS attribute. If you need some help or if you're interested with what I've done with my theme, just let me know. Unfortunately, there is a real shortage of semantic, optimized and accessible themes for WordPress and I'm considering releasing the theme I'm using... maybe. But seriously, it sounds as if you're going through a lot of pain for something that shouldn't really be a pain. PRE, CODE, SAMP and VAR... they wont bite! Use the <pre> tag for block level code. It’s usually monospace as well, so your formatting stays nice. For semantics, I wrap code in <pre> and <code>, and in my theme I’ve styled <code> to display:block. For indentation, just use the padding-left CSS attribute.

If you need some help or if you’re interested with what I’ve done with my theme, just let me know. Unfortunately, there is a real shortage of semantic, optimized and accessible themes for WordPress and I’m considering releasing the theme I’m using… maybe.

But seriously, it sounds as if you’re going through a lot of pain for something that shouldn’t really be a pain. PRE, CODE, SAMP and VAR… they wont bite!

]]> By: Matt Schinckel http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22753 Matt Schinckel Sun, 19 Aug 2007 08:58:50 +0000 http://www.losingfight.com/blog/2007/08/18/formatting-objective-c-code-with-the-html-code-tag/#comment-22753 Think you meant to escape the tags now, too. I use SubEthaEdit, just to use the Copy As XHTML menu item. Even if I have been coding in another application (Komodo, or Script Editor). I have had to tweak the output, and my CSS file, but it is the method I have found works best. Think you meant to escape the tags now, too.

I use SubEthaEdit, just to use the Copy As XHTML menu item. Even if I have been coding in another application (Komodo, or Script Editor).

I have had to tweak the output, and my CSS file, but it is the method I have found works best.

]]>