Make HTML5 code look beautiful!

Posted by blinry on Stack Overflow See other posts from Stack Overflow or by blinry
Published on 2010-04-17T07:41:50Z Indexed on 2010/04/20 9:53 UTC
Read the original article Hit count: 444

Filed under:

html5

|

pretty-print

|

indent

|

linux

|

beautifier

I'm looking for a command line program that pretty-prints (that is, indents, adds line breaks to, harmonizes the whitespace of) HTML5 code.

It has to run under Linux (in case you're interested, I want to use it as an filter for nanoc).

tidy does too much for me (heck, it alters my doctype!), vim too little. What do you use to make your HTML5 code look beautiful?

Maybe there is a way to make tidy cooperate and not alter anything?

© Stack Overflow or respective owner

Related posts about html5

Is there a HTML5 Validator plugin for Firefox?

as seen on Super User - Search for 'Super User'
Is there a plugin for firefox to validate HTML 5? I've always used this but if my webpage has a <!DOCTYPE HTML> doctype it complains about it not having a doctype at all. >>> More
HTML5 video tag in chrome - wmv

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Al, I need to make a page which displays a video. Firefox and and Opera support the OGG format, no problem there. Chrome is ... "stupid" and does not recognize OGG. Does Chrome on Windows know how to handle WMV? I already have them encoded, and no I cannot recode new videos since the media is… >>> More
HTML5 cache manifest: whitelisting ALL remote resources?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm doing an iPhone version of a desktop site that includes a blog. The blog often embeds images from other domains (the image URLs always start with http:// in this case, obviously), but because I'm using cache-manifest, these images don't load because they aren't declared in the manifest file. I… >>> More
Learning HTML5 - Sample Sites

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Part of the challenge with HTML5 is understanding the range of different technologies and finding good samples. The following are some of the sites I have found most useful. IE TestDrive http://ie.microsoft.com/testdrive/ A good set of demos using touch, appcache, IndexDB, etc… >>> More
Online video tutorials for HTML 5

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Here are some of the best introductory HTML5 videos I have found online/for free. Mix 2011: HTML5 for Skeptics - Scott Stansfield channel9.msdn.com/Events/MIX/MIX11/EXT21 Filling the HTML5 Gaps with Polyfills and Shims - Ray Bango channel9.msdn.com/Events/MIX/MIX11/HTM04 50 Performance… >>> More

Related posts about pretty-print

How to Pretty print VBA code?

as seen on Stack Overflow - Search for 'Stack Overflow'
I need to "pretty print" VBA code into a Word document, retaining the color scheme from the VBE editor. I've been looking for free programs or methods to do this, but found nothing usable so far. Any ideas would be greatly appreciated. Thanks >>> More
Pretty print code to PDF

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm searching for a tool that will take a source directory and produce a single PDF containing the source code, preferably with syntax highlighting. I would like to read the PDF on my phone, in order to get familiar with a code-base, or just to see what I can learn by reading a lot of code. I will… >>> More
how to pretty print xml from Java

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a Java String that contains XML, with no line feeds and indentations. I would like to turn in into a String with nicely formatted XML. How do I do this? String unformattedXml = "<tag><nested>hello</nested></tag>"; String formattedXml = new [UnknownClass]().format(unformattedXml); Note:… >>> More
Pretty-print HTML5

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there a command line program that pretty-prints (that is, indents, adds line breaks to) HTML5 code? tidy does too much for me (heck, it alters my doctype!), vim too little. What do you use to make your HTML5 code look beautiful? >>> More
Javascript + Pretty Print JSON

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm looking for a jQuery plugin or a standalone script that will take a javascript object and create a navigatable tree like the FireBug plug in does. Does this exist, or will I need to write one? Googling hasn't found much yet. >>> More