In Progress

ONLY FOR AMIR - Single web page refactoring to HTML5 / CSS /

This is only for AMIR

This is job to make a refactoring an LANDING PAGE of an existing consumer application to HTML5/CSS3/JS in line with below mentioned requirements. This is a test upon which the project will be awarded in total.

The aim with refactoring is to substantially reduce the html footprint, improve web site performance/ page loading speed and SEO.

Requirements. Acceptance criteria.

Testing web page of the web application.


- pages are coded in HTML5. HTML5 valid proven with validator.

- minimal number of nesting (now, number of levels is on some places high)

- proper use of tags, tables, and spacings (now, many times not properly used)

- no emtpy tags for purposes of design

- text in pictures is also in HTML (image replacement), all pics have alt tags

- pictures have specified W and H

- files have a crawler/spider friendly naming (use of dashes like [url removed, login to view] and not

[url removed, login to view])

- HTML doesn't contain design pictures

- Pictures are compressed (JPEGmini, PNGmini)

- Microformats are added

- For code indent, tab is used and not spacings

- No inline CSS

- No inline JS (except under footer)

- HTML for purposes of JS ; basically everything in connection to JS at the bottom of the page.

Code-word "refactor". There are some exceptions as for example flash containter <div id="test-video"></div>)


- CSS is included in the header and in one file

- CSS reset added (* {margin:0;padding:0;} is not optimal

- Float clearing is done with CSS

- Number of background pictures is minimized (now 225 referenced in CSS).

- Avoided usage of a {outline:none;}

- Buttons are done with CSS (presently, some buttons have a sprite for different sizes)


- all JS at the bottom of the page except under </footer>

- HTML has no <script> tags, no <a href="javascript:",no onclick, onfocus…

- each <a href="http://"> has a link somewhere, exception is Moderznizr

- events within a v JS file ( $('.nekclass').click(..);)

- lowered number of JS files / requests (now, there are 31 on home page)

- Unobtrusive JS principles strictly obeyed.


- Strictly separated content (HTML) from design (CSS) and functionality (JS)

- valid HTML5 (with some exceptions)

- ySlow grade A (presently F, home page has 92 requests, we shall achieve somewhere around 30)

- Minimum supported browser is IE7 !! (yet, within IE7, it doesn't have to have rounded borders)

- Supported browsers FF, Chrome, Safari and Opera

- Your responsiveness

You are required to use HTML Boilerplate [url removed, login to view] and Modernizr.

Summary of our partnership:

#1. You agree to refactor 1 web page first (a landing page) as a test.

You will upload a new static refactored page to provided FTP adress that we will communicate to you after we

select you.

#[url removed, login to view] your work on the first page will meet the requrements, along with

good responsiveness of yours, we will continue to work with you on the

remaining of the web site (another project opened).

#3. Payment is 100% after work on landing page and any corrections in line with requirements above are done. We will

use ySlow and other validators to check.

Pay attention to above mentioned requirements and quality of work as we see behind this a long term relationship.

Skills: CSS, HTML5, Javascript, SEO

See more: work from home pics, web page design with html and css, web page design html css, web page design code in html, web page design code, web design web page, web design tags, web design pictures, web design padding, web design & html principles of design, web design from outline, web application home page design, summary web design, spider web design, safe pay, reset link, refactor javascript, project design web page, performance test job, padding background, one page job application, new in html5 and css3, new design web page, landing page design with background image, js for

About the Employer:
( 2 reviews ) Ljubljana, Slovenia

Project ID: #1275057