Category : Tutorials

Hey, so heres a simple tutorial for people who dont know how to do this. Some people have asked, because they are not up to date with css and don’t know how to do this. This is just a simple way to do it.

<div class="box">
Hey this is the center of the screen
</div>

body {background:#111;}

.box {
margin:100px auto;
width:500px;
background:#fff;
padding:20px;
}

I would put a link to download the index.html and the style.css, but im sure you aren’t that lazy.

So guys and girls, this is an old tutorial that Jeffrey Way did, on how to slice up a psd and make it ready for the web. This is very popular, because most people know how to design well, but they arnt so good at the coding part of things.

So here is a full length video of Jeffrey Way explaining to you guys and girls how how to slice and dice that psd.

Go and check out this article by Jeffrey, he shows you part 2 of the video, of how to style the html markup and stuff. They normally release the source files for download, but in this case, the theme hes working with is of themeforest and cant release the source files.

But hope this helps some of you out there that are rusty or just learning with html/css, you can always rewind and fast forward, just master it, and you’ll be able to get the hang of coding in no time.