Drag and resize html widgets inside a 16:9 size div **Front-End**

Create with html css and js Widgets that can be Draggable and Resizable and also you can add html5 and css inside of them. The widgets can NOT pass the boundaries of a div (this div simulates the full screen of a navigator). The widgets can overlap (z-index)

Create two html pages to add widgets, one is the configuration page where I would like to add Draggable and Resizable widgets one by one. The other page will show all the created widgets.

Functionalities of the Pages


-Left side: 16:9 Div with a border that simulates a screen with a widget for live view/preview

-Right side: configuration buttons and modals

**Test to know if you are reading closely: Start your proposal with “12345”, write that in the beginning**

*Create a widget with a button, the widget(rectangle) will be shown inside the boundaries of the 9:16 div, so the user can drag and resize the rectangle, the code must generate a method that alerts the new coordinates of the rectangle inside the div.

*Configure the content of the widget adding an image(url text), three paragraphs and the z-index

*Delete a created widget.

*Preview all created widgets inside the 16:9 box


The user will see all the created widgets in a full-screen navigator page

IMPORTANT: I will receive all the documentation and source code. End your proposal with writing “56789”

Habilidades: Angular.js, CSS, HTML5, Javascript, jQuery / Prototype

Ver más: drag drop html flex, flash banner resize html, html tags inside perl script, tcpdf image resize html, resize html window content, flash resize html, javascript drag drop html wysiwyg, html page inside, automatic resize html height, drag drop html elements jquery, html positioning inside div, html fit background image table size, mouse picture resize html, search html table inside lightbox, flex drag drop html wysiwyg, drag resize objects flash

Información del empleador:
( 0 comentarios ) Bogota, Colombia

Nº del proyecto: #18069558

16 freelancers están ofertando el promedio de $133 para este trabajo


12345. Dear Juanvarner! We have read your project details and we are very much interested to work with you. Our Angular.js's projects: [login to view URL] Our latest Colombia's projects: http://mir Más

$128 USD en 3 días
(262 comentarios)

12345 Hi, So the widgets should be absoluted position on the 16:9 panel in small ratio, so when on show page, it should calculates the actual size of page and widget to display The widget position and size can be ge Más

$155 USD en 3 días
(283 comentarios)

Dear client I have good skills about html,jquery,bootstrap,css design is my top skill If u want me,I will show good result for u I can make your job perfectly I think that your job is good for me I have expe Más

$155 USD en 3 días
(46 comentarios)

Dear Hiring Manager, I read your job description as you need a developer for the Drag and resize HTML widgets inside a 16:9 size div I am able to do this task as I have a good skill in the related techs and speci Más

$94 USD en 3 días
(15 comentarios)

Dear, As a full-stack developer with 5 years of experience, I have the opportunities to participate in lots of HTML/Javascript projects. During that period of time, I have got the experience working with a variety of Más

$222 USD en 1 día
(19 comentarios)

56789 Hello Dear Sir. I read your requirement carefully. so I have interested in your job post. I will satisfy you with my work result. please hire me. 56789 budget how about 100$ deadline is 3day.

$88 USD en 3 días
(17 comentarios)

How are you, Dear sir/madam? It's very worthwhile chance for me to let you know my skills and proposal about this project. I am an honest developer who have rich experiences in Web Project by Jquery, CSS I have Más

$100 USD en 3 días
(14 comentarios)

Hi sir! Contact with me then I can show you my portfolio. I have read your post. I am interested to work with you. I'm professional graphic/web designer and Illustrator. I can design for you according to your requi Más

$50 USD en 3 días
(10 comentarios)

Hi SIr, I have red whole description you sent, of course have few askings but as per my expertise, I have good expertise in javascript Front End Development. I can work on your project to make the widget acccording to Más

$155 USD en 3 días
(19 comentarios)

You can free download desktop image managing program in my website. [login to view URL] I can complete your project on time and within your budget. I have worked on similar projects to Más

$30 USD en 3 días
(8 comentarios)

I have developed recently 2 sites with full development front end and back end, I have used angualrjs and angular material and node js for backend. Please see below my sites. [login to view URL] https://ma Más

$155 USD en 3 días
(3 comentarios)

Dear client. I've read your project description carefully and very interested. Let's discuss over chat and get started. Waiting your reply. Best regards. 56789

$150 USD en 3 días
(4 comentarios)

“56789” I have 5 years of experience in PHP, mysql, Codeigniter, Wordpress, Jquery, HTML, CSS ,Python and many more. Please see my portfolio for art work samples and my clients feedback. 1 . [login to view URL] Más

$150 USD en 3 días
(2 comentarios)
$200 USD en 5 días
(5 comentarios)

1234I have been working with draggable items before I know what you want and how you want it, my only problem is that I can't spend too much time on it so it would take me about 2 weeks 5678 Relevant Skills and Experi Más

$155 USD en 10 días
(0 comentarios)

12345 I am a new freelancer and looking for an project to start with. I have 4+ years of experience in web development. Strong knowledge in html and css.

$133 USD en 6 días
(0 comentarios)