Posts by: admin

We now support collaborative real-time programming and screen sharing

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

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.

Single-click full screen option for all panels!

fullscreen

Liveweave now supports fullscreen code editing for all the panels, i.e. HTML, CSS, and JavaScript. The best part? It is just a single-click away! So, now in addition to all the flexibility of panel resizing, you now have the ability to write your code in fullscreen, just like your old school desktop editor!

We have brought back the Night Vision

night vision toggle

We originally had the option to switch between themes using a toggle, but had to take it down when several users complained about scroll bars acting weirdly. In addition to that, there were several other bugs associated with it. Now, we have finally brought back the “Night Vision” toggle, so that users can enjoy both the worlds!

In addition to that, Liveweave can now save the state of the theme and the layouts. What that means is that, if you save a weave with a specific layout and your theme of choice, say the ‘light theme’, the next time you access the weave, you will see the same layout and theme with which you originally saved it.

A horizontal ‘ruler’ for responsive design

ruler

We have recently introduced a new horizontal ruler! The purpose for the ruler is mostly to help you create and test responsive designs, although it can also be used for various other features as well. You can easily change the size of the preview area and see how your weave renders accordingly.

The best part? The ruler size supports up to a 4K resolution (i.e. 3840 px horizontally)! Yep, that’s right. You can make use of the ruler even if you are building something for a 4k monitor.

We have real-time JavaScript validation now…yay!

jserrors

We now have real-time JavaScript validation! What this means is that you can just keep on writing your JavaScript code and Liveweave will auto-matically prompt you the errors and warnings as you type. To get the details of each error (or warning), just hover your mouse over the icons.

So, no more worries that you would write invalid JavaScript code. We got your back!

jserror-hover

We now support multiple layouts

layout

We have added 3 more layouts. Basically, you can now choose from 4 different layouts for the panels. The default layout allows you to work with HTML5 and CSS3 panels side-by-side and the JavaScript/Preview panels at the bottom. The location of the layout list is at the bottom left of the screen as shown above.

Here’s the list of layouts you can choose from:

Layout 1

layout-example

 

Layout 2 (Default)

layout-example-2

 

Layout 3  

layout-example-3

 

Layout 4  

layout-example-4

The best part…the layouts are persistent in nature! What that means is that if you save a weave in a particular layout, the next time you load it, it will retain the same layout. However, the sizes of individual panels are not saved.

We hope you will like this!

 

 

We have improved the dashboard

updated-dashboard

We have significantly improved the dashboard. And by that we mean, now you can actually “see” what your weaves look like, and not a list of six letter keys in a table. Basically it looks more like a proper gallery/showcase. Currently, we have it setup to show 4 weaves at a time. Clicking each, would open the weave in “editor” mode. The gallery includes information like when was the weave created and how many page views it has received.

We now support true full-screen “demo” mode

full screen

Liveweave now supports full-screen “demo” mode. This mode is completely unobtrusive, so there will not be any Liveweave logos, menus, text etc. So if you want to “demo” your weave, just add the word “demo” at the end of the weave URL. For example, the source for the above example is available at http://liveweave.com/yPuTQa and to see it in full screen just go to http://liveweave.com/yPuTQa/demo. That’s it!

full screen demo mode

We now support drag-and-drop for HTML/CSS/JS files from the desktop

drag-and-drop 2To make development a tad easier, we have recently started supporting drag-and-drop. For example, if you have a HTML/CSS or JavaScript file in your computer, you can just drag and drop it in the respective panels (i.e. HTML file into the HTML panel, CSS file into the CSS panel, and so on), and just save it as a weave. You can then continue working on it from anywhere as long as that computer is connected to the web.

Once, you are done, you can download the weave anytime later! Of course, you can always use the traditional way of copying the contents of the files and pasting them into the panels, but drag-and-drop is definitely faster.

2 of 4
1234