PSD to twitter bootstrap conversion

Discussion in 'HTML & Website Design' started by webwebby, Aug 22, 2013.

  1. #1
    Hi everyone


    I have designed a WordPress theme in Photoshop with 12 grids.


    Now I want to convert it to responsive html + css using bootstrap.


    Please help me how can I do this.


    Thank you.
     
    webwebby, Aug 22, 2013 IP
  2. AA.WebDev.Ltd

    AA.WebDev.Ltd Well-Known Member

    Messages:
    242
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    120
    #2
    do you require coding service ?
     
    AA.WebDev.Ltd, Aug 22, 2013 IP
  3. webwebby

    webwebby Member

    Messages:
    111
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #3
    No thanks. I need help on psd to bootstrap so I can learn.
     
    webwebby, Aug 22, 2013 IP
  4. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #4
    Well, unfortunately the only thing you can learn from bootstrap is how NOT to code a website -- like most every other idiotic CSS framework it's chock full of pointless bloat, outdated and outmoded practices, and on the whole pisses all over any site developed with it.

    ... though starting out dicking around in photoshop drawing a pretty picture of a website is a back-assward approach to web development, usually resulting in a very pretty, but ultimately useless to visitors layout. Start with your content (or a reasonable facsimile), mark it up semantically, create your layoutS with CSS and media targets (yes, layoutS is PLURAL), then you can go into your goofy paint program to hang graphics on what should be a semi-fluid, elastic AND responsive design. (though with CSS3 on the table the need for screwing around drawing backgrounds is falling by the wayside).

    Much less the garbage that is 'grids' being the antithesis of accessible responsive design as well.

    Don't care what the artsy fartsy types who have the cojónes to call themselves "Designers" say, their inaccessible bloated useless rubbish is a completely back-assward way to build a website, which is why you rarely see that garbage on any serious successful website!
     
    deathshadow, Aug 23, 2013 IP
  5. rajku

    rajku Member

    Messages:
    37
    Likes Received:
    3
    Best Answers:
    1
    Trophy Points:
    33
    #5
    If you know html/css then you can get started with bootstrap example templates, modify it to your need. Go through their documentation first. If you dont know html/css then get started through that first. You can get tons of good stuff to learn html/css, just google it.
     
    rajku, Aug 26, 2013 IP
  6. jahidbd284

    jahidbd284 Greenhorn

    Messages:
    6
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #6
    You need to read the documentation of the website. then make a try..
     
    jahidbd284, Aug 27, 2013 IP