Why the Web needs better HTML editing components

user: anonymous

{
  "path": "/blog/why-the-web-needs-better-html-editing-components",
  "attrs": {
    "title": "Why the Web needs better HTML editing components",
    "splash": {
      "image": "/images/bridge.jpg"
    },
    "date": "2015-08-13",
    "layout": "BlogPostLayout",
    "excerpt": "HTML, and it's siblings like CSS, with all their power and sophistication, have become so complex, that they are impossible to edit by anyone except experts. So, what's the answer?\n\nHow do people write and publish content in HTML?\n"
  },
  "md": "# Why the Web needs better HTML editing components\n\nYesterday I made a small contribution to help [**ProseMirror**](https://www.indiegogo.com/projects/prosemirror/#/story). Here's why.\n\n## HTML is awesome\n\nHTML has evolved into the de-facto rendering language for displays, and it just keeps getting better. Fonts, animations, sophisticated text layout, international character sets, vector images, high-resolution photos and video, the list goes on and on.\n\nThere's little doubt in 2015 that HTML has become **the** way to publish online.\n\n\n## People are still writing with tools designed for print\n\nThere must be good reasons why people are still using the old desktop editors, they're not exactly fun or easy to use.\n\nSome of it has to do with inertia, and proprietary formats, and interoperability. How else can you work together on a document if you can't share and open each other's files?\n\n\n## But let's be honest\n\nHTML, and it's siblings like CSS, with all their power and sophistication, have become so complex, that they are impossible to edit by anyone except experts. So, what's the answer?\n\n> How do people write and publish content in HTML?\n\n\n## Silos are not the solution\n\nHiding the complexity of creating and publishing HTML online is a _necessary_ service: But let's not fall into the trap of assuming that [website-hosting providers](https://www.squarespace.com/) and [commercial online publishers](https://medium.com/) are the only legitimate providers of this service. David Winer has [written](http://myword.io/users/davewiner/essays/051.html) about this.\n\n\n## We need *simple* personal publishing tools\n\n1. Write your story\n2. Illustrate it with a photo or two\n3. Publish it in beautifully designed HTML for others to enjoy\n\nClearly there are some missing pieces. One of those is **easier private web hosting**, but that's a topic for another blog post.\n\n> How do people write in HTML?\n\n\n## It's the Software, stupid\n\nWe know it takes experts to design beautiful HTML. So we need software to help the rest of us pour our stories into those HTML designs. It's a bit like sending a document to the printer, except that software can do it instantly, generating HTML for us, every keystroke we type.\n\nThis is where ProseMirror comes in. It will make editing HTML *feel* like [wysiwyg](https://en.wikipedia.org/wiki/WYSIWYG) even though the HTML we're editing is not our own. HTML will come from templates carefully crafted by  designers.\n\nEditing with these HTML templates will produce two separate things:\n\n1. HTML output, ready for publishing\n2. The stuff we write\n\n\n## And where do we store the stuff we write?\n\nI think the software community has the best answer to this question. Most of the code which powers our lives, lives in human-readable text files. These, in turn, live in services like [GitHub](https://github.com/jldec/) where we can track changes and collaborate on content together.\n\nLet's build [tools to do the same](https://jldec.github.io/pub-doc/how-it-works) for the stuff we write.\n\n\n> Thank You\n\n\n",
  "html": "<h1>Why the Web needs better HTML editing components</h1>\n<p>Yesterday I made a small contribution to help <a href=\"https://www.indiegogo.com/projects/prosemirror/#/story\"><strong>ProseMirror</strong></a>. Here's why.</p>\n<h2>HTML is awesome</h2>\n<p>HTML has evolved into the de-facto rendering language for displays, and it just keeps getting better. Fonts, animations, sophisticated text layout, international character sets, vector images, high-resolution photos and video, the list goes on and on.</p>\n<p>There's little doubt in 2015 that HTML has become <strong>the</strong> way to publish online.</p>\n<h2>People are still writing with tools designed for print</h2>\n<p>There must be good reasons why people are still using the old desktop editors, they're not exactly fun or easy to use.</p>\n<p>Some of it has to do with inertia, and proprietary formats, and interoperability. How else can you work together on a document if you can't share and open each other's files?</p>\n<h2>But let's be honest</h2>\n<p>HTML, and it's siblings like CSS, with all their power and sophistication, have become so complex, that they are impossible to edit by anyone except experts. So, what's the answer?</p>\n<blockquote>\n<p>How do people write and publish content in HTML?</p>\n</blockquote>\n<h2>Silos are not the solution</h2>\n<p>Hiding the complexity of creating and publishing HTML online is a <em>necessary</em> service: But let's not fall into the trap of assuming that <a href=\"https://www.squarespace.com/\">website-hosting providers</a> and <a href=\"https://medium.com/\">commercial online publishers</a> are the only legitimate providers of this service. David Winer has <a href=\"http://myword.io/users/davewiner/essays/051.html\">written</a> about this.</p>\n<h2>We need <em>simple</em> personal publishing tools</h2>\n<ol>\n<li>Write your story</li>\n<li>Illustrate it with a photo or two</li>\n<li>Publish it in beautifully designed HTML for others to enjoy</li>\n</ol>\n<p>Clearly there are some missing pieces. One of those is <strong>easier private web hosting</strong>, but that's a topic for another blog post.</p>\n<blockquote>\n<p>How do people write in HTML?</p>\n</blockquote>\n<h2>It's the Software, stupid</h2>\n<p>We know it takes experts to design beautiful HTML. So we need software to help the rest of us pour our stories into those HTML designs. It's a bit like sending a document to the printer, except that software can do it instantly, generating HTML for us, every keystroke we type.</p>\n<p>This is where ProseMirror comes in. It will make editing HTML <em>feel</em> like <a href=\"https://en.wikipedia.org/wiki/WYSIWYG\">wysiwyg</a> even though the HTML we're editing is not our own. HTML will come from templates carefully crafted by  designers.</p>\n<p>Editing with these HTML templates will produce two separate things:</p>\n<ol>\n<li>HTML output, ready for publishing</li>\n<li>The stuff we write</li>\n</ol>\n<h2>And where do we store the stuff we write?</h2>\n<p>I think the software community has the best answer to this question. Most of the code which powers our lives, lives in human-readable text files. These, in turn, live in services like <a href=\"https://github.com/jldec/\">GitHub</a> where we can track changes and collaborate on content together.</p>\n<p>Let's build <a href=\"https://jldec.github.io/pub-doc/how-it-works\">tools to do the same</a> for the stuff we write.</p>\n<blockquote>\n<p>Thank You</p>\n</blockquote>\n"
}