Kapalı

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

SETTINGS PAGE:

-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

SHOW PAGE:

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”

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

Daha fazlasını gör: 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

İşveren Hakkında:
( 0 değerlendirme ) Bogota, Colombia

Proje NO: #18069558

Bu iş için 16 freelancer ortalamada $133 teklif veriyor

sapotacorp

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde128%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(262 Değerlendirme)
7.5
BaNgan

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(283 Değerlendirme)
7.1
KashirinA

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(46 Değerlendirme)
6.0
amitbanerjee2812

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde94%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(15 Değerlendirme)
5.0
shingjin

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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(19 Değerlendirme)
4.7
wang109

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.

in %bids___i_period_sub_35% gün içinde88%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(17 Değerlendirme)
4.6
dungforever

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde100%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(14 Değerlendirme)
4.4
DesignPerfecti0n

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde50%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(10 Değerlendirme)
4.4
ZohaibSajid

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(19 Değerlendirme)
4.2
yesikov1224

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde30%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(8 Değerlendirme)
3.4
Gladiators2008

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(3 Değerlendirme)
3.4
MichealSMoreno

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

in %bids___i_period_sub_35% gün içinde150%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(4 Değerlendirme)
3.5
AlphabetDesigner

“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] Daha Fazla

in %bids___i_period_sub_35% gün içinde150%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)
3.2
in %bids___i_period_sub_35% gün içinde200%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(5 Değerlendirme)
3.1
zychro

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde155%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
0.0
Nikita140291

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.

in %bids___i_period_sub_35% gün içinde133%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
0.0