Update

We now support unlimited “Private” weaves for registered users!

  • June 14, 2020
  • By:
In tile mode, the “Private” toggle button appears below the “weaves”

Over the last few months, we have received several requests to support “Private” weaves. It is basically a feature that allows registered users to keep their weaves completely private!

All weaves by default are “public” and can be viewed by anyone if you share the weave id with them. While they will never be able to “edit” (or “delete”) your weave, they could still see it (considering they know the weave id, e.g. http://liveweave.com/abcxyz).

To change a “public” weave to “private”, simply login to your dashboard and click the toggle button that says “Private”. That’s it!

The best part…Liveweave.com supports unlimited “privates” weaves (or code) for all registered users!

In list mode, the “Private” toggle appears on every row beside the action icons

We now support Auto-formatting and code clean up!

This feature was a long time pending…but finally, it is here!

Liveweave now supports auto-formatting and code clean up for HTML, CSS, and JavaScript!

For example, to “tidy” up and auto-format the HTML code, make sure the cursor is inside the HTML window and then select “Tidy and format HTML-only” from the “Tools” menu on the top. To auto-format all HTML, CSS and JS code, simply click the “Tidy All” button on the top (near the “Save”). That’s it!

We now support ECMAScript 6 (ES6) keywords and its built-in functions!

ECMAScript 6 (ES6) or ECMAScript 2015 is the new generation of JavaScript. In the past, while you could have still written ES6 code in Liveweave (since the rendering is dependent on the browser), it did not really have the support for ES6 keywords and its built-in functions as a part of its code-hinting technology.

Now we do!

If you want to learn more about ES6, here is a great tutorial to write object-oriented JavaScript using “classes” (ES6):

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes

A quick example of ES6 code is below (using “class” to build an object):

class Car {
   constructor(brand) {
     this.carname = brand;
   }
   present() {
     return 'I have a ' + this.carname;
   }
 }

We are also currently working on a new documentation (or rather a cheatsheet) for JavaScript/ECMAScript 6 in the meantime. So, stay tuned!

Liveweave is now in HTTPS!

  • October 14, 2017
  • By:

Liveweave is now fully served over HTTPS! Basically all content inside Liveweave.com (weaves, content, other apps like Vector Editor, CSS Explorer, Color Explorer), all of them are finally going HTTPS! You will notice the “padlock” sign near the browser’s address bar (see above pic).

So, what does this mean? Well, in short, any data sent over Liveweave is fully secured. And, all requests coming in over HTTP will be automatically re-directed to HTTPS, to enforce the security.

Introducing the Liveweave CSS3 Code Generator

  • January 15, 2016
  • By:

CSS3_code_generator

Liveweave now feature a CSS3 Code Generator! While CSS3 has been around a while, it is still hard to remember all the CSS3 tags.  So after much thought, we decided to introduce a CSS3 Generator to make a designer’s/developer’s life easier. You can now experiment with CSS3 gradients, text shadows, box shadows, transforms, rotate, skews, border radius and a whole lot more!

Think the CSS3 Code Generator as a lab. You can change several CSS3 parameters in real-time using just sliders, drop-downs and buttons. Once you are done, just click the “copy” icon to the right to copy your code. Click the “Back to Editor” (on top-right) to go back to the editor mode and paste the CSS code into your class or id. That’s it!

To use this feature, go to:

1. Tools menu > Generate CSS code using CSS3 Code Generator

OR

2. Click the gear icon as show below.

CSS3 gen icon

We now support Auto-save in browser

  • July 27, 2015
  • By:

auto-save

We now support auto-save in browser. What this means is that, every 5 secs, Liveweave will save a copy of the current weave you are working on (and settings like theme and panel layout), in your browser’s local storage. So, the next time you visit Liveweave again, you will automatically come back to exactly where you left off the previous day. Great, right?

What this also means is that if you accidentally close the browser or if your computer suddenly “hangs up“, there is a high chance your work is not lost! However, if you want to store and access the same weave from a different computer or a different browser, you will have to save it to the cloud or download the weave.

Note: You can only have one browser session active in order to use this feature. If you have multiple sessions of Liveweave running at the same time, the application will save the content of the last browser session you close.

Feel feel to email us if you have any questions.

 

We have introduced a real-time CSS validator (CSS lint)!

  • August 2, 2014
  • By:

css-lint

Liveweave already has an awesome real-time JavaScript validation (lint) service, for a long time. This is very useful if you want to write a 100% valid JavaScript code. And now to make things even better, we have introduced CSS lint as well.

So here’s your chance to write (and share) a fully validated CSS code. And again, everything is in real-time, so no need to click a Validate button. The warnings and errors will show up in the code/panel gutter while you write your CSS.

We now support collaborative real-time programming and screen sharing

  • July 27, 2014
  • By:

team up 1

We have recently introduced a new feature, Team Up, a collaborative real-time programming and editing service! With the help of Mozilla’s TogetherJS integration, you can now use Liveweave to remotely teach, share, review and help other programmers and designers…completely in real-time!

Not only can you do screen sharing, you can chat with your fellow team mates as well. Team Up currently supports Chrome, Firefox, Safari and Opera, but not IE.

If you have questions about this new feature, please send your emails to support@liveweave.com or use our feedback form.

Note: The collaboration feature does not work for the JavaScript panel. This is a known bug, and unfortunately we do not currently have a solution for it.

team up 2

We now support keyboard shortcuts

  • June 19, 2014
  • By:

shortcut

Update (06/21/2014): We have temporarily disabled the “Save” shortcut feature because of some server-side issues. In the meantime, please click the “Save” button in order to save your weaves.

We have finally introduced keyboard shortcuts, a feature that has been long time coming!

For example, you can now save your weaves just by pressing Command ⌘ + S (in Mac) or Ctrl ^ + S (in PC). Another example: if you have switched off the Live Mode (especially when you are doing extensive JavaScript programming), you can now use Command ⌘ + R (in Mac) or Ctrl  ^ + R (in PC) to run your code/weave manually.

We will continue expanding the keyboard shortcuts to make Liveweave feel more like a traditional desktop-based source code editor.

1 of 3
123