Divide a web page in configurable zones like a dashboard - html

I would like to build a web page to which users can add/remove pre-existing widgets, and organize them on a grid layout.
Are there tools/frameworks that can help doing this?

jQueryUI has a Portlets plugin that will allow you to do that fairly easy.
You can check out the demo here:
http://jqueryui.com/sortable/#portlets

Just a correction to the jQuery UI portlets demo that Andres posted since I don't have enough reputation to make a comment.
http://jqueryui.com/sortable/#portlets

Related

Input Tags/Elements in AMP-html

we are implementing our current site in AMP version and i am new to this. I have below queries regarding AMP -
How to get user input from user in AMP-HTML.
In the above mentioned site [desktop version] we have comment section at the bottom of the page. We need to implement the same functionality in AMP.
Are there any websites which are build and developed in AMP? If yes, i need links to check.
Any suggestion and ideas related to above queries would be appreciated.
Thanks.
It is still under experimental.
See: https://github.com/ampproject/amphtml/blob/a2477e1790d604dbc01997b6e0a9fe42ac6fa799/extensions/amp-form/amp-form.md

HTML book style paging

I have an unusual task. I have a big html with images and links. I need parse it and show as book with book style paging (by swipes). Do someone faced with task similar in iOS? Maybe there exist an opensource ebook solutions (with HTML support)? For example in Android I used FBReader.
I need iOS native solution.
You have turnjs, but it's not free
And jQuery booklet, but this one doesn't include swipe
if you are looking for native code you can get the paging effect from the following example
http://mobile.tutsplus.com/tutorials/iphone/building-an-ipad-reader-for-war-of-the-worlds/

is there a dashboard html ui library?

I would like to bootstrap a new dashboard, i'm wondering if there is already an open source dashboard html ui library which is similiar to twitter's bootstrap that I can use in my development.
check this:
preview:
http://mathew-davies.co.uk/admin-template/dashboard.html
download:
https://github.com/ThePixelDeveloper/admin-template
good luck!!
Please take a look at This page intentionally left ugly which shows and explains a jQuery UI dashboard demo. Would this fit your requirement?
Please read about Google Chart Tools if you are not already familiar with it. It might be useful in your project.

37signals-style layout template

My wording might be a bit off, but I wonder if there's an open-source HTML/CSS template/framework for creating 37signals-style layouts, much like this:
(source: basecamphq.com)
Of particular interest is the tabbed layout and the sidebar to the right.
Not all free, but still a good reference: 34 Outstanding Admin Panels for Your Web Applications
There are a couple of WordPress Basecamp style themes about:
Prologue
P2
GTD
Try some open source template sites then, most likely you'll have to get something similar and edit it.
E.g:
( http://www.oswd.org/ )
Goodluck

Drag drop block edit in place html

I required to write a small web application that allow customer to select predefined layout template in html and be able to modify it. The application need to allow customer to add block text to pre defined area and images. The block texts need to be able to reorder based on customer need. eg. move up , move down or move to sidebar. THe complete layout will be able to convert to table layout and inline css due to email program doesn't like div & css. I don't know where should I looking for the information to make this happen, could anyone show me how to do this.
Thank you
Of course, I may be misunderstanding you. You might consider using a standard content management system such as:
linux based
joomla
Mambo
Windows based
DotNetNuke
Sharepoint
Those systems have the functionality you described built in with the added benefit that most of them are free and open source.
I'm not sure why someone downvoted you, but check out a javascript framework like script.aculo.us or Yahoo's YUI
Those will go a long way towards creating the interface you need. Also they have a lot of examples.
The Yahoo framework has an inplace html editor (I think that is what you are asking for). Another editing is the fckeditor.