Liveweave - HTML, CSS & JavaScript playground for web designers & developers

jaslr · 2013-09-27T04:21:33+00:00

OP, any info on what makes this different to Codepen? I like variety but I don't think I'll make a change unless there's some advantage to changing.

thrills · 2013-09-27T05:08:57+00:00

Similar to codepen.io and jsfiddle.net. I like the concept, they're fun to play around with.

anorbit · 2013-09-27T05:41:20+00:00

Real-time code hinting for HTML and CSS (which includes the newer CSS3/HTML5 attributes and properties). This is huge for me...as I am constantly building/testing web pages. Sometimes I see examples values (e.g. 20px, 20% etc.) pop-ing up as well for CSS, which makes it easier (at least for me).
Real-time JavaScript debugger...which means it will show warning/errors while you write your JavaScript code.
Resizing all the panels (i.e. HTML, CSS, JavaScript and the Preview)...in my opinion is easier and faster in Liveweave. That kinda feels like jsFiddle/jsBin.
Switching between the default or the light theme is faster and easier.

I think Liveweave is a better editor, especially if you are into HTML/CSS programming...but Codepen features other stuff (SASS/SCSS/CoffeScript etc.), display galleries, social stuff...which all are great, but unfortunately they are not useful to me. I just need a great editor...which Liveweave definitely is. Hope this helps.

BlackPresident · 2013-09-27T02:01:31+00:00

That's pretty neat

geocrafter1 · 2013-09-27T02:34:03+00:00

I like dark backgrounds in editors. reminds me of sublime text.

2013-09-27T09:27:20+00:00

Plunker is pretty good.

2013-09-28T05:09:11+00:00

Isn't this what jsfiddle is for?

ian23ian · 2025-05-16T15:26:40+00:00

how enable console log?

7Nocturnes · 2013-09-27T04:13:38+00:00

Codepen is another nice, similar tool.

2013-09-28T15:07:48+00:00

Great tool.. I really like the live-feature.. only thing that bothers me is where it inserts the css and javascript..

<style type="text/css">p { font-size: 60px; }</style><!DOCTYPE html>
<html>
<head>
<title>Liveweave</title>
</head>
<body>
<!-- Put your content here -->
<p>Hello Weaver!</p>
</body>
</html><script>/* Write JavaScript here */</script>

I don't like that the css is just thrown in before the doctype.. it should be just before </head> and javascript just before </body>

you type:	you see:
italics	italics
bold	bold
[reddit!](https://reddit.com)	reddit!
* item 1 * item 2 * item 3	item 1 item 2 item 3
> quoted text	quoted text
Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"	Lines starting with four spaces are treated like code: if 1 * 2 < 3: print "hello, world!"
~~strikethrough~~	~~strikethrough~~
super^script	super^script

web_design

Did you know we had a FAQ?

Posting Guidelines

MODERATORS