ONLY FOR SNIZAR - Single web page refactoring to HTML5 CSS3

This project was awarded to snizar for €57 EUR.

Get free quotes for a project like this
Project Budget
€30 - €250 EUR
Total Bids
Project Description

This is only for SNIZAR.

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.

Awarded to:
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online