En cours

PSD to HTML5 responsive page (existing template)

Goal:

To translate a design in PSD format to a HTML5 responsive Landing page (template that is already built) or desktop, tablet and mobile. Deadline is Monday 13th August, NDA will be required.

Approach:

The main focus here to use an existing template we have created and modify the content within it to cater for a new design. The template is already fully functional & responsive so it will not take a great deal of time to update the content, but you will need a great understanding of HTML5 & responsive design. The page’s primary focus is all major Desktop but also must translate well to tablets and mobile devices.

We have used the tried and tested HTML5 Boilerplate as a base and modified it for our own purposes using the most common @media queries to respond to relevant screen sizes.

The new content must be:

? Fast loading on desktop and handheld devices

? Easy to manage with clear, clean commented code.

? Responsive with a mobile first approach and look pixel perfect in desktop plus portrait and landscape views for all major handheld apple/android devices.

? All styles and @media queries contained in 1 style sheet + 2 additional style sheet for Internet Explorer 7 & 8 desktop.

? Design is to a 960px grid for desktop and should be condensed using your best knowledge to fit on tablets, then content can be ‘stacked’ for mobile devices using media queries.

Notes:

*Branding elements will be supplied such as font’s and colour use.

*Note the polyfills and scripts on the initial brief to include into head of template.

*As we are working with a client CMS we cannot contain any .htaccess or .php scripts - purely HTML5, CSS & javascript.

*Cufon rendering will be used for brand fonts and work in a way that

H1, H2, H3, are BLOCK font used for headlines.

H4, H5, H6 are Informa Pro font used for sub headlines.

Body and p standard font is always Tahoma

Included in folder ‘scripts to include in header’ – include in head section of template:

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

Include this line of script before body closing tag eg:</body>

<script type="text/javascript">[url removed, login to view]();</script>

Please see ‘example template’ folder in assets provided before commencing work. You may use this build to speed up development time – feel free to improve on any techniques used here. Follow file structure within this template.

[url removed, login to view] contains all fonts needed for this project – install fonts before opening PSD.

Supporting scripts used:

[url removed, login to view]: [url removed, login to view] HTML5 polyfill for IE9:

[if lt IE 9]

<script src="//[url removed, login to view]”</script>

[endif]

Other resources for reference:

Included in the package is a slider script that you may utilise for the jQuery slide section.

? HTML5 boilerplate to use as starting point

[url removed, login to view]

? Media queries ‘bullet proof’ solution

[url removed, login to view]

? List of touch/swipe libraries

[url removed, login to view]

? 320 & UP - Possible alternative starting template with additional styles and media queries already set - may be useful for more flexible ability in content.

[url removed, login to view]

? Generate Responsive template quickly

[url removed, login to view]

Compétences : CSS, HTML5

Voir plus : responsive psd template, free responsive html5 psd template, you may not need jquery, www freelancers com uk, wiki android, use psd in html5 css, up work alternative, update android tablet, translate freelancers, translate for freelancers, translate base, the best android tablet, template standard, template responsive html5 free, template psd free, template nda, template libraries, template html5 responsive free, template html5 responsive design free, template html5 free responsive, template html5 css3 jquery free, template free responsive html5, template free html5, template design in psd, template design for freelancers

Concernant l'employeur :
( 23 commentaires ) London, Italy

N° du projet : #2395127

9 freelances ont fait une offre moyenne de 13 £ /heure pour ce travail

sanjay2004

We have strong hands at html 5 technology and can help you in this regard.

13 £ GBP / heure
(67 Commentaires)
7.4
scriptphp87

Hello Please read more than private message thank you

10 £ GBP / heure
(27 Commentaires)
6.1
riseofaryan

psd to xhtml5/css3 expert here interested in taking up your project. I provide tableless, w3c valid, cross browser and well managed psd to xhtml5/css3. Please view PM for my past works and other details.

12 £ GBP / heure
(35 Commentaires)
5.8
kishanlalyadav

Hello sir, i have checked your project and would like to have your project. I am confident to fulfill your requirements in timely manner, along with quality work. Please check your pmb.

10 £ GBP / heure
(121 Commentaires)
5.6
precious91111

Protocol Technologies would like to thank you for sharing your insights about web application development services that is in the pipeline. I am very happy to know that your initiatives are more aligned with our key se Plus

13 £ GBP / heure
(15 Commentaires)
3.9
webxwizard

I am interested with your jobs offer. I am sure I can fulfill your job requirement.

15 £ GBP / heure
(3 Commentaires)
2.9
imranhossain

Dear sir, Greetings!!!Certified person is here according to your requirement. I understand your requirement clearly. Please check your private message for bid details. Thank for your consideration. Regards

24 £ GBP / heure
(2 Commentaires)
2.3
karthiksankaran

Hi, can do [url removed, login to view] You

10 £ GBP / heure
(2 Commentaires)
2.6
wordjoom

Dear Sir, We understand your requirement and we can do it perfect in timely manner. Please visit our portfolio in PM. Please give us a chance. We are new on Freelancer but we have 3 years experience in HTML, XHTML, CS Plus

10 £ GBP / heure
(1 Commentaire)
0.9
daiyanmerchant

Dear Sir, I understand you demands,i am also doing this type of work on freelancer.com... I am ready for work,please hire me so i start working and give you your demand as soon as possible. Thanks

13 £ GBP / heure
(0 Commentaires)
0.0