Personal storage of html fragments for amateurs and professionals

Personal pages on which widgets are placed , selected and customized for personal needs have long been outside the main trend of web services development.

On the one hand, personal page services exist and delight their loyal users, the best example is My Yahoo service.

On the other hand, such services stop working. The closure of the iGoogle service was announced in the summer of 2012, and on November 1, 2013, all personal pages of users of this service were permanently deleted.

In general, we can state zero interest of investors and entrepreneurs in the creation of such services. It seems to be a good idea to provide the user with only what he needs on one page and he encounters quite natural difficulties:

  1. The relative complexity of the process of placing new widgets: you need to go to a special place, choose what you need, and place your favorites on a personal page.
  2. With a large number of widgets offered, the lack of variety.
  3. Squeezing in the strict framework of the possible functionality - only what is approved by the administration is possible.
  4. With a large number of your own widgets (tens, hundreds) is difficult, almost impossible to manage.

TheOnlyPage web service rethought the concept of widgets as components built according to a predetermined scheme and decided to remove all restrictions and use arbitrary html code .

A previous publication talked about the functional content of online note services. It was considered used by TheOnlyPage web service , the most ascetic option for presenting notes is bare text. A kind of pure notes.

The exact opposite is saving widgets represented as arbitrary fragments of html code . All web design tools can be involved.

For marketing reasons, in order not to confuse the average user, such html-fragments , it was decided to call Pictures . Although visual objects displayed using arbitrary html code are certainly not limited to images only.

Some details of the proposed solution

Earlier we discussed the choice of a successful visual metaphor for a bookmarking service and its implementation in TheOnlyPage web service .

Naturally, pictures in TheOnlyPage service are presented to users according to the same template as bookmarks and notes . Above: search bar; on the left navigation bar: last saved selections by text fragments and color marks; the central place is occupied by: a list of pictures sorted by the time of viewing / editing / creating a picture.
One click on the title of the picture - opens it and allows you to see its contents.

Double-clicking on the line containing the image title opens the editing form:


To create a picture, just click the New Picture button , insert the html-code in the Code field , the signature of the picture in the Signature field, and click the Save button .

If you want to see how the browser processes the specified html code , click the View button .

Thus, a html coding professional can create special solutions for himself. Fans just need to copy-paste the codes of some informer, picture or video, or use a special bookmarklet to collect html fragments from other sites.

Bookmarklet example

The bookmarklet for creating new bookmarks, notes and pictures can be set by simply dragging and dropping a special link to the bookmarks bar of your browser. Read more about installing a bookmarklet in the online documentation .

For example, reading the most popular publication on, we wanted to save the video from this article.

Just click on the link of TheOnlyPage bookmarklet and, if necessary, go to the Pictures tab . The service will automatically determine which object to save based on the size and location on the page, and will suggest the most noticeable for saving:


The html code of the saved video will be automatically inserted in the Code field ,The address of the page from which the media object was taken.
In the Signature field, the page title is substituted.
By clicking the View button , you can see how the picture will look. You need to preview saved images to make sure that the saved object will be correctly displayed in TheOnlyPage .


After clicking the Create button, a new picture will be created and saved as a fragment of the usual html code.

When using a bookmarklet , there are three ways to determine what to save as a picture.
  1. If something was highlighted on the page, then the html-code of the selected objects will be offered for saving.
  2. If nothing is highlighted on the page, and the page belongs to one of the popular sites specializing in presentation of media objects, for example, YouTube video hosting or slideshare presentation hosting , then TheOnlyPage will automatically construct a html-code fragment intended for presentation of the corresponding media object.
  3. If nothing is highlighted on the page, and there is no special mechanism for creating a picture for this site, then the html code of the media object that occupies a dominant position on the page will be used .

As you can see, the average user will cope with the task of storing the favorite media fragments in his private collection. But a professional who understands html markup will do this with awareness of what is happening and, possibly, will correct the stored html code in his interests.

Also popular now: