DivitoDesign

Everything for the Web Professional

HTML/CSS Template Version 1.0 – Build Sites Faster & Better

January 3, 2010 10 Comments →

Currently, I am up to my ears in the PSD to HTML/CSS conversion work. The client supplies a design that needs to be converted to a valid and cross browser friendly website.

HTML/CSS Template The HTML/CSS template that I have been using has been a success for me; my conversion time is faster than before and the code quality is higher. I’ve released the resource on DivitoDesign for free as well, but that version was a little bit outdated.

All the new and better coding practices I have been experimenting with to create a HTML/CSS template that works properly for any kind of website, have been build in. Time to release the updated version to the crowd.

You can find all the information and explanation regarding the HTML/CSS template by clicking here. To give you a summery:

  • Copy the map and use that as your root-folder of your website.
  • The CSS, Images and JavaScript folder are already there,
  • Open the index and build your website.
  • Template uses Blueprint CSS, jQuery, IE7 JS.

Try customizing the template layout, CSS and images to your likings and save a couple backups. When you are used to this system, your HTML/CSS skills will increase and be a lot faster and better.

Version 1.0 has improvements in the following area’s:

  • Better CSS commenting
  • Added a Favicon
  • More basic CSS tags
  • Other footer structure

You can download version 1.0 of the HTML/CSS Template by DivitoDesign for free by clicking on the following link.

HTML/CSS Template by DivitoDesign.

Information about the Author:

Name:

URL: http://twitter.com/divitodesign

Description enjoy design, write articles, like typography, love football, keep chilling.

More on: CSS

10 Comments

  1. Fotografia Slubna Warszawa says:
    January 3, 2010 at 11:03 am

    wow, thank you very much for sharing :)

    Reply
  2. DT says:
    February 23, 2010 at 12:57 am

    nice article. well done bec first time on here

    Reply
  3. Carmelina Morock says:
    February 26, 2010 at 3:48 pm

    Unlike many posts on the internet, this was fun to read and gave me some valuable input. I will have to put a backlink on my website. Regards. J

    Reply
  4. John says:
    March 17, 2010 at 8:39 am

    I just hate converting PSD to HTML/CSS too! such a pain..but the template is just awesome mate! keep it up!

    Reply
  5. Le Xuan Tien says:
    November 28, 2010 at 11:28 am

    Thanks for sharring ^^!

    Reply
  6. mix sms says:
    December 31, 2010 at 6:35 pm

    wao, thats very good template, I was looking for the same for my site

    Reply
  7. Magento Themes says:
    January 19, 2011 at 6:37 am

    Yes, you are correct. I have used them to build my new website and its loading time is unbelievable.

    Reply
  8. magento webwinkel says:
    March 31, 2011 at 10:14 pm

    Nice template and thanks for sharing this one!

    Jenny

    Reply

Please Respond and Give your Opinion

We use Gravatar to handle our avatars. Get one there!