Twitter Bootstrap-> color picker and gradient picker in JS that generates css code for chosen color and gradient

This project was awarded to stardines for $100 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Project Budget
$30 - $110 USD
Total Bids
Project Description


Please apply for this project only if you have experience working with Twitter Bootstrap. Others will be rejected straightaway.

I have with me a twitter bootstrap HTML template. This template uses colors and gradients in css for many UI elements, while simple images are used for the remaining UI elements.

What I want you to do, is create/use an existing color picker and a gradient picker in this way--> a user should see the color+gradient picker on screen. when he chooses a color and a gradient, the chosen color+gradient is shown on screen.

at the same time the user can choose a UI element (eg menu/button/tooltip/any element that can be defined in Twitter Bootstrap as well as any element that is already defined in my template)--> and you should be able to generate the correct CSS code for that element.

Also, for those elements in my template where images are used, I want you to show 4-5 options to the end user--> one option is to use an image as it is, other options are using image with only repeat-x/only repeat-y / both repeat-x and repeat-y--> again you should generate the correct CSS code as per user's choice.

Actually as far as generation of CSS code is concerned, you need not actually write the code for that-->rather just give me the correct logic/algorithm for generating the css code--> i will then create a server side app (probably in java) where I will use the logic provided by you to generate css.

Once I have created such an application and it generates the css correctly (for both scenarios--> viz color+gradient or either color or either gradient, and images used)--then I will accept the work as complete.

Yours sincerely,

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