В работе

Apply specific design to web application using HTML and CSS

I have a web application consisting of HTML files, CSS and some Javascript.

You are not expected to write any Javascript, but it is functionally working now and you are required to ensure it still works after you change the design. You will only maybe be required to write a little javascript just to show a panel when a button is clicked and nothing more than that. Emphasis here is on HTML and CSS and making it look right.

The web application is a photo storage service and you can browse photos. It is already working but it does not look very good. I have had a graphic designer create a design for me and your job is to implement it in HTML and CSS so it looks like it is supposed to.

The current design and the new design is in the attached screenshots.

Here is what you get from me:

- An already running web application

- 5 small HTML files used like templates, a little like handlebars

- 1 CSS file

- 1 JS file

- Access to upload HTML, CSS and JS directly to production and see the result. This is done with Azure Storage Explorer and cannot be done with FTP or equivalent. It is easy though.

There are certain non functional requirements for this design:

1. It must be fast! Not only to load, but also to render for slow browsers and clients. So it is essential to limit the amount of frameworks.

2. No bootstrap and no jquery. No script based layouts. You must use "minicss" (already installed)

3. Use the icons from "minicss". If they are not enough, the use small images that you can also upload.

4. It should be responsive (already supported by minicss, it works like bootstrap) and should be possible to display on the phone. But the emphasis is on desktop size screen, so you will not get a lot of review and requirements on the phone view.

5. Currently CSS is inline and in the HTML and also in "[login to view URL]". By the end of the project, all your css that is possible to move, must be moved to the single "[login to view URL]" file and it must be structured and named nicely.

6. Do not use fontawesome and do not use custom font.

The goal is visible from the attached mockup but for your convenience, here are the main tasks involved in this project:

1. Reformat the folders list.

2. Create indentation on sub folders

3. Change how it looks when dragging a folder

4. Make a nice inner dialog when pressing "edit" or "delete" next to a folder (not on mockup)

5. Make a nice inner dialog when creating a folder (not on mockup)

6. Change the look of the rectangle dragged to select images

7. Change how it looks when an image is selected

8. Change layout (spacing) between images

9. Make the adjusted view where thumbnails are smaller

10. Make the inner dialogs that show progress

11. Layout is full screen, so the left bar will be shown in the very left side of the screen

This is not a complete list, but it comes close. There can be other subtle things. Like if you put edit button on top of the title text or the layout jumps when text becomes bold. Any such things will be regarded as errors and must be corrected.

If it looks good, you won't have to do revisions.

But if a long title etc. breaks the design, then it will be regarded as an error and there will have to be some iterations of revisions.

Background about me:

I am a web developer with 20 years experience, but not specialized in frontend design. I have made and implemented many websites and web applications, but more backend than frontend.

Квалификация: CSS, HTML, HTML5, Javascript, Дизайн сайтов

Показать больше design calender using html css, best design web application using struts2 hibernate, html layout design web site using codeigniter, simple web application using html and css, html web page design examples, how to create a webpage using html and css, html code for web application, html web page examples with source code, w3schools, html web application example, create website using api, login page design using html css, web design using html css projects below5$, web design using html css projects below5, design web page using css, designing web pages using html and css, web design using html css and javascript, best menu design website using html css javascript, design of web page using html, design web page using html

О работодателе:
( 30 отзыв(-а, -ов) ) Hovedstaden, Denmark

ID проекта: #17954968

Поручен:

JinNg

Hi Niels, Here are some of my thoughts and queries re. this project. 1. Having intimate knowledge from the previous project will save both of us time. 2. This project will require reasonable knowledge of Java Больше

$280 USD за 8 дней(-я)
(42 отзывов(-а))
6.5

24 фрилансеров(-а) в среднем готовы выполнить эту работу за $218

babitabubu

Hi, I understand your requirement and have reviewed the attached files. I can do it for you, ready to start work for you now.

$250 USD за 3 дней(-я)
(230 отзывов(-а))
7.1
technovicinity

Hello, First of all, its my pleasure to bid on your project, I have gone through your requirements and understand that you need a website developed using HTML and CSS. We are a highly skilled team to provide you the Больше

$250 USD за 10 дней(-я)
(63 отзывов(-а))
6.7
michealperfect

Good evening sir, welcome to Freelancer.com!I am a professional web designer and developer. I can do this job of Apply specific design to web application using HTML and CSS and other mention things for you. Ping me Больше

$50 USD за 5 дней(-я)
(125 отзывов(-а))
6.3
InterfaceDev

Hi, I am an energetic website developer with more than five years of experience in building websites. I have strong skills in HTML5/CSS3, Responsive Coding (Twitter Bootstrap Framework), jQuery/JavaScript, Angularjs, Больше

$222 USD за 3 дней(-я)
(19 отзывов(-а))
5.8
$200 USD за 5 дней(-я)
(28 отзывов(-а))
5.1
janekalekand

Hi there! Name's Janek and I'm a front-end developer excelling at turning designs into websites. (can provide examples of past work if required) I'll keep this proposal short as you had brought out almost every det Больше

$200 USD за 7 дней(-я)
(22 отзывов(-а))
4.5
conreys

Dear sir. I think I am the developer you are looking for. I am very interested in your assignment and I have experience of such a thing before. Over the last 4 years, I have been working on web application, especial Больше

$1111 USD за 15 дней(-я)
(1 отзыв)
3.8
pinesucceed01

Hi there, I will make your CSS in correct form, I know i have to remove all the inline CSS, and i can accomplish your all mentioned tasks in the points, Please come on the chat. Thanks

$155 USD за 3 дней(-я)
(7 отзывов(-а))
3.3
bestsolz1

Hi, We are team of experience [login to view URL] will be to do this project according to your description provided. We will never disappoint you and provide quality work with modren design and fully responsive for all mo Больше

$155 USD за 3 дней(-я)
(8 отзывов(-а))
2.7
stalwartsoftIND

Hello there, Greetings...! A pleasure to submit the proposal on your post for your kind consideration. I have gone read your post and have understood that you want us to develop an Mobile Application. I would Больше

$166 USD за 4 дней(-я)
(11 отзывов(-а))
3.4
thomasgf22

Hello. Although new o Freelancer, I have a solid experience with pure css layouts (7+yrs) and I've been working most of my carreer without the use of css frameworks. For the javascript part I've always used jquery but Больше

$166 USD за 6 дней(-я)
(1 отзыв)
1.6
Dharmen07

Hello I have got your job posting and I am very much interested to work in your project. I am a designer and developer with more than 3 years working experiences. So, I think you’ll find, I have the skills you’re lo Больше

$166 USD за 2 дней(-я)
(1 отзыв)
1.2
Farhan81o

i will do

$200 USD за 5 дней(-я)
(0 отзывов(-а))
0.0
$194 USD за 3 дней(-я)
(1 отзыв)
0.0
victorleme1

Hello my Friend from Denmark, How are you? I hope well. By the description gave to realize that you prefer "simple and elegant" and not use fancy or heavy frameworks. I can help you with CSS3 only - works like Больше

$55 USD за 3 дней(-я)
(0 отзывов(-а))
0.0
$111 USD за 7 дней(-я)
(0 отзывов(-а))
0.0
kaurnavjeet992

Hi, you need plain CSS for to make your design more sleek and responsive. Please check out my project Bloc Jams. It was designed with plain CSS. It is a responsive music app using React. Please check out my projects he Больше

$222 USD за 5 дней(-я)
(0 отзывов(-а))
0.0
Essa2010

Hi, I am a front-end and back-end developer and I can do your job as specified above you may grant me this opportunity to prove my professional skills to you and to the community of freelancer. Thanks Abdullah

$155 USD за 3 дней(-я)
(0 отзывов(-а))
0.0
$111 USD за 5 дней(-я)
(0 отзывов(-а))
0.0
ctykaya

Hello, I am Cagatay. I am new here and I want to get a job and really study hard to get a good start in freelance. I read your instruction and understand all requirements. I can do it what you want. I am developing web Больше

$250 USD за 10 дней(-я)
(0 отзывов(-а))
0.0