Hiuznote Explained

A.) General Information

Hiuznote Link Manager is a browser application for collecting and managing your favorite weblinks in a visual context. It's an efficient tool which helps you keep the best possible overview of pages that you like to visit or need to remember. You can store hundreds of links or even more and navigate through them in a swift and intuitive fashion. Handy tools like the Link List or Search feature will make it easy to find the content you're looking for.
The weblinks are getting arranged in little colored boxes called Link Snippets. They are resizable and can be moved through the space. You can also change their color and make further adjustments in the settings. By clicking the GO button, you get quick access to the website associated with the Link Snippet. Hiuznote opens the website in a new browser tab. As for the background area, it can be extended in direction of the right side (x-axis) to potentially infinite width. This can be achieved by clicking 'Add Area' or in the general settings.

Aa.) Copy and Paste Weblinks

The best way to add (especially more complex) weblinks is to copy the selected URL with Strg+C or Ctrl+C or Command+C and then paste it into the text field with Strg+V or Ctrl+V or Command+V (press both buttons simultaneously).

B.) Link Snippets

The basic Link Snippet contains two textfields, one for the title and one for the address of the website. There is a 3rd hidden textfield which shows up when the Link Snippet is getting resized to the necessary height. On the one hand, the 3rd textfield is designed to be used for notes, comments or a description of the page. On the other hand, you can also add keywords that help you find the Link Snippets through the Search feature of the app. These Link Snippets can also be used as Sticky Notes, of course- without a link, with lots of text, etc.- it's quite generic.
Each Link Snippet contains 4 small buttons. The GO button is for loading the associated website in a new browser tab. The 1st button on the right side opens the Link Snippet's individual menu. The 2nd one minimizes the Link Snippet to a thin stripe that shows only its title. This stripe-snippet is very space-efficient and can be used to set up a high density of quality links while retaining full control over the settings at the same time. The last button on the right edge deletes the Link Snippet.

C.) Settings Button

The Settings button opens a dialog window that lets you adjust certain properties of the app. In these settings you can choose the default color for the Link Snippets upon creation. So when you create a new Link Snippet by double-clicking the background, it receives the selected color. Furthermore, you can set a new color for the background itself. You can do this by selecting one of the big colored boxes (either for Link Snippet or background color). After this, you pick the desired color with the Color Chooser or by selecting one of the predefined small color boxes.
Below the Color Chooser, there are three textfields with sliders where you can set how wide and high the Link Boxes should be when they get created. The 3rd textfield with slider is designed to extend the background area (by increasing its width). If the maximal value of the slider is not enough, you can enter bigger numbers into the textfield anytime. Should one of the numbers be not valid or for some reason not being within range, the changes won't be applied (nothing happens in this case and you can re-enter a new number).
After having made the desired changes to the settings, you can apply them by pressing the Ok button. A click on the Close button closes the Settings window and discards all changes. Last but not least, the Default button restores the original 'factory' values. This needs to be confirmed with an Ok-button-click in order to come into effect.

D.) Link List Button

Link List is one of the main features within the Hiuznote application, designed to maximize the efficiency of how weblinks are getting accessed and handled. When you click the Link List button, a dialog window appears on the left side, showing an alphabetical list of all the Link Snippet titles that the environment contains. As you move the mouse over one of the items on the list, the browser finds that particular Link Snippet associated with the listed title, scrolls to the right location and highlights the selected Link Snippet with an orange-colored frame. You can even load the corresponding website directly from the list, by clicking or pressing the list item (Link Snippet title). It opens in a new browser tab.

E.) Add Area Button

The Add Area button offers a handy way to make the background area larger. Each click on this button extends the width of the environment by adding 2000 pixels of space to the right side of the board.

F.) Search Field

The Search Field is another very important core functionality of Hiuznote. Like the Link List, it proves especially useful if there are dozens, or in many cases even hundreds of Link Snippets scattered within the Hiuznote universe. In such scenarios, it should still be possible to manually find the particular weblink you're looking for. However, with larger scales it can get increasingly difficult to locate them immediately. The Search Field has been designed to offer a solution for this. You can type a keyword or search phrase and confirm it with Enter or by clicking the small 'magnifying glass' symbol. If any of the Link Snippets contain the chosen search phrase in their Title textfield, Http:// textfield or Note/Keywords textfield, the corresponding Link Snippets' titles get listed in the 'search dialog window' showing up on the left side. In many ways, it is similar to the Link List functionality discussed in the section above. You can open the associated websites directly from the list.

G.) Autosaves

The Hiuznote application makes regular autosaves to the local storage of the browser. These saves are getting performed on different occasions like writing some text, resizing or moving a Link Snippet to a new location, refreshing the browser etc.
This particular architecture means, that if you close the browser or navigate to another website and return back to the application at a later time (with the same browser), the data and all the Link Snippets will remain unchanged. You can continue working with Hiuznote as it has been left. However, if you clear the browser's cache, make an internet files cleanup or similar, or if your browser settings are highly restrictive, the data won't be available anymore. If you run Hiuznote with a different browser or from another device, you won't have access to the data from the first browser or device. Clearing the browser cache generally deletes the content of the browser's local storage. The local storage itself is bound to one single browser on one single device. Which means that every browser has its own local storage, even on the same device.
In order to take Hiuznote data from one browser to another, to a different computer or to create backup files for data loss prevention, the Save button mechanism offers a solution.

H.) Save Button

The Save button opens a Save dialog window where you can create custom save/ backup files. These are very important steps in order to increase data safety in addition to the app's autosaves. Data losses without interference as mentioned above are very rare, but they can not be excluded. Thus, it makes sense to generate save files now and then. A further benefit of save files is that you can use them to transfer Hiuznote data to other devices or browsers.
The overall state of the app gets stored as text in JSON format, which is getting displayed in the text area of the Save window. This 'Storage-Text' is already pre-selected and just needs to be copied by pressing Strg+C or Ctrl+C or Command+C.
Next step is to create an empty text file on your computer, for example by > right click on desktop > New > Text File. After having created it, open the text file and paste the Storage-Text by pressing Strg+V or Ctrl+V or Command+V. When this step is done, the last thing you need to do is save the file. Now the file can be loaded into Hiuznote with the Load button whenever necessary.

I.) Load Button

If you have a Hiuznote file that you would like to load into the application, it can be done via the Load button. The Load button opens a dialog window that offers two options for loading the save file from your device. The first option is available for Firefox, Chrome and Opera, but may also be supported in future versions of other browsers. The File Chooser can be used to select the save file that you wish to load. By pressing Open, the app automatically loads the save file and restores the Link Snippets' state that has been saved.
If you are using Safari or Internet Explorer 9 browser, you might need to take the 2nd loading option on the bottom. This approach should generally work on browsers not compatible with the File Loader. The 2nd loading option takes the following steps: Open the Save file on PC. Select the full text with Strg+A or Ctrl+A or Command+A. Copy the selected text by pressing Strg+C or Ctrl+C or Command+C. Paste the text into the Text-Field below (in the Load dialog window) with Strg+V or Ctrl+V or Command+V. Click the Load button. The Storage-Text is now getting loaded into Hiuznote.

J.) Why this approach for Save/ Load?

The philosophy of Hiuznote Link Manager is to run fully client-side, without server interaction. This offers considerable safety benefits, but has also a couple of drawbacks.

The advantages are:

+ No account registration required (no password, no transfer of personal data).
+ Edited Information remain 100% on your device; they are not getting transferred and stored onto a server.
+ Only uses HTML, CSS and Javascript
+ Additional layers of safety, less potential security leaks
+ Better app performance as there is no need to sync data over internet with a server.

The disatvantages are:

+ A couple of more steps are required for data backup and file saving.
+ Process of accessing data from multiple devices is less user-friendly.
+ Web Storage is less flexible and its size far more limited than that of user-dedicated storage on a commercial server. This affects the richness of applications and requires a constrained architecture in some ways.