In Progress

Front End Developer required for HTML/CSS/JS Webpage

Candidate Overview:

We are looking to hire a front end developer who can convert the Illustrator CS5 files attached into a functioning webpage using HTML, CSS, JavaScript, JQuery and JQGrid (JQuery Grid Plug-in).

Once this webpage is complete, we would like to continue to work with the developer in developing the rest of the website. We are looking for code of a very high standard though and will only award ongoing work to those that meet the criteria outlined below.

We would prefer to develop a relationship with one or two very good front end developers on freelancer. This project is also available to teams and/or companies, however, we would like continuity with those developers on future projects and be able to deal with a single point of contact, where possible.

We will be looking to have future projects quoted at fixed cost rates, but there will also be an opportunity for work charged at an hourly rate. All future work will be performed under confidentiality.

We are looking for someone who has excellent skills in the languages and frameworks mentioned above, has an extremely keen eye for detail and can marry up design and webpage layouts with near pixel perfect precision (within the constraints of the technologies used).

Project Overview:

The project is for a single webpage only. However, it must function according to the requirements below.

Browser Compatibility:

The browser compatibility required for this webpage is as follows for both PC and Mac where applicable:

Firefox 3.6+

Internet Explorer 7+

Safari 5+

Chrome 14+

Target Screen Resolution:

1280 x 720

Screen Resizing:

The left hand side accordion menu should be fixed width and left aligned (with suitable margins in place according to design).

The main viewing panel of the screen (it contains the panel title Purchase Requisition) should occupy all available real-estate to the right of the accordion menu and this section should contract and expand during resizing.

The columns in the data grid should also adjust in width (except the column containing icons)

The paging widget and four buttons (Cancel, Decline, Approve, Envelope) should remain anchored to the bottom of the screen when resizing. The grid should shrink or expand in hieght instead to fill and available realestate.

Animation/Roll Over's Required:

Roll-over states are shown in the illustrator file attached titled [url removed, login to view]

Header Panel:

The dark grey header form should slide open and close when the user clicks the arrow icon, which resides in the top left corner of the data grid, next to the title "Purchase Requisition 1234567". The arrow should toggle up and down based on the panel state. The arrow should be up when the panel is shown and it should be down when the panel is hidden.

Data Grid

Please implement the data grid using the jqGrid plugin. This is the standard data grid plugin we wish to use accross the site. No backend work will be required from the front ender, but this is mandatory to allow the back end developers to take the design and inject dynmamic data.

Split Buttons:

Split Buttons enable multiple actions to be activated from each button. The options are shown by clicking the arrow icon on the right of each button.

+/- Icons:

Clicking the (+) icon in the design will take the contents of the row it sits next to and add it as a row in the data grid directly below it.

Clicking the (-) icon will delete that row from the data grid.

Date Picker

jquery-ui date picker is sufficient for this implementation.

Accordion Menu:

Logout: This panel should not expand and expose sub-levels like the panels above. It is a special case

Font: The ai file is likely to contain a missing font. Please use Arial in its place.

Output Required:

A static HTML page with folders separating all image, CSS and JavaScript assets based on the brief above and the design outlined in [url removed, login to view] & [url removed, login to view]

Skills: CSS, HTML, Javascript, jQuery / Prototype, PSD to HTML

See more: contract front end developer, x rates, x developer, work companies freelancer, work developer internet, work freelancer developer, website illustrator hire, website developer using html, website developers states, website developers contract, website developer rate, website developer hourly rate, website developer companies, website css animation, website animation freelancer, webpage languages, webpage icon image, webpage developer hire, using freelancer website projects, use case levels, work hire freelancer, ui icons, top levels, top hire developer website, top front end developer

About the Employer:
( 5 reviews ) North Sydney, Australia

Project ID: #1309915

Awarded to:

StudioCreative

Award winning website designer ready to convert your CS5, kindly check your Inbox for my portfolio.

$480 USD in 6 days
(6 Reviews)
5.1
sanjay2004

Professional developers with similar expertise here. We are posting our bid as an expression of interest and appreciate further discussion in private message board. We are waiting for your message to communicate furthe More

$621 USD in 10 days
(139 Reviews)
8.3

25 freelancers are bidding on average $376 for this job

neelwt4u

Please check the pmb. With best regards

$250 USD in 3 days
(123 Reviews)
6.8
TeamMagento

Dear Friend,Can do your work impressively,Kindly check our private message,Thanks.

$350 USD in 18 days
(111 Reviews)
6.8
khanhhuyna

I'm happy to work this for you. Thanks.

$350 USD in 7 days
(94 Reviews)
6.5
salientcomputer

Hi Please see PMB.

$300 USD in 3 days
(197 Reviews)
6.4
Rautella

HI, I am expert in HTML/CSS/JS coding. I am ready to start working on the project. Kindly send me required details. Thanks

$500 USD in 7 days
(122 Reviews)
6.1
Samtiger2

Consider it Done..... Right developer at your door...Hope to achieve next positive feedback from you !!! Please check you inbox. "Always willing to walk extra miles to achieve Excellence"

$449 USD in 5 days
(42 Reviews)
6.2
priyankjini

Hello Sir, Please check PMB. Thanks.

$250 USD in 2 days
(38 Reviews)
5.7
op2i

Lets start, please check PMB.

$250 USD in 3 days
(21 Reviews)
5.4
codingtrick

Hello Sir, Expert XHTML/CSS/JS(jQuery) coder here.Please check PMB.

$250 USD in 3 days
(22 Reviews)
4.7
tooltor

Hello sir, i have experience in html, css, javascript, jquery and ajax, so, this will be an easy project, please read the private message.

$250 USD in 5 days
(37 Reviews)
4.5
kamal2184

Please check PM

$500 USD in 5 days
(6 Reviews)
3.9
IndoFreelancer

Please check PM, Thanks.

$250 USD in 5 days
(14 Reviews)
3.7
mdhanif2010

Hi, I m also searching really 1 or 2 good person to continue long-term basis. Thanks and check PMB

$650 USD in 3 days
(3 Reviews)
2.7
mktgamigo

Hi, we are web design and software development company have 7 + years of experience in php, web design, joomla, word press, magento,zend frame work,word press...,1 year experience in mobile apps...,we are glad to work More

$250 USD in 5 days
(1 Review)
2.6
sukhoi7264

I have many experience to convert psd file to html or wordpress site and those work fine for any web browser

$350 USD in 7 days
(0 Reviews)
0.0
imagosl

I have good experience in front end developing and I am willing to start your project.Please check your PM

$600 USD in 7 days
(0 Reviews)
0.0
Rainfall31

Lets get it done. Thanks! -- Karthik

$280 USD in 5 days
(0 Reviews)
0.0
archanabsingh

Hello Sir, we have developed lots of website and business applications which are successfully implemented and running all across the globe. We can assure you fastest,quality delivery at the cheapest price!

$450 USD in 7 days
(0 Reviews)
0.0
cesardop

I would like to help you.

$250 USD in 3 days
(0 Reviews)
1.0
songbird2

I can do it.

$400 USD in 8 days
(0 Reviews)
0.0