I always start to sketch the layout in Photoshop having the grid in my background almost until the finish of the web design. At last i change the grid background to the background that fits with css and the whole design looks clean.

For beginners it may be a bit hard to understand this so i suggest starting with a template. The 960px ones are most popular because of the monitor or LCD display resolutions nowadays and because they are easily dividable. You can get a free grid system at http://www.960.gs and not only for Photoshop but also for other software you use. Also there is a demo and more information on grid systems and web designs.

Here is a short preview of how to properly use a grid system:

So just add those couple of hours, the smashed keyboard and mouse, hair loss and other things that happen when you make the code work in Internet Explorer to your end quote. This is the most time consuming and boring thing to do when designing every website.

Now one of the problems that occur is the bad scrolling in IE. The whole page loads and scrolls really slow and jerky. It’s hard to figure out what part of the code is responsible for this bug. After some time i figured out it it the PNG transparent background that makes problems in IE.

If we look closer at me current transparent bg pattern in Firefox we ca see it’s a 5px X 4px in size and repeated.

Now this is the problem that IE doesn’t like. I really dunno why but it may eat up his memory or something.

So whats a solution for this if you want to have transparent bg? Well i fixed this with a new css style, that is only for IE 6 and above using this code:
<!–[if gt IE 6]>
LINK TO THE NEW CSS FILE
<![endif]–>

This css file was a save as from the original file. I deleted all the css styles except the lines where i had the transparent png bg and then i changed the 5×5px one with a new 1×1 one. I saved the transparency but i lost the pattern in IE.

After that i haven’t had any problems with slow scrolling in IE. I know i may have lost the pattern, but i saved the transparency and got rid of the scrolling problem which was so bad that people would leave my site thinking it has spy ware or bad scripts etc.

I tried to find the best and my recent work for the portfolio . I also didn’t just add them to a wordpress page, instead i made a new one. I really wanted people that will be looking at my work, to not get distracted by the blog design and it’s content i have now. so i just put a logo and added the thumbnails of my work which than open in full size with the help of lightbox.

As for services, i’m really not a good copywriter so i need more time to write all of this stuff for it. And since there are a lot of pages i’ll try to make at least one daily. But the descriptions for logotype design/corporate identity and website design.

The same this happens on the ground with dead leaves on the ground on left and green grass on the right.

Now i’ve chosen a really calm and maybe also a bit depressed colors from this photography of the trees in the woods. But if used right you can get a pretty nice mood of your art/project from it.

This would be a great thing for me in ways of getting more subscribers to my blog and also a lot of exposure and even more design work.

Anyone who feels that you like my blog design too, please use the bottom badge to vote for me:

Thanks!

…from a photo of a damaged, cracked tower that was in the woods on a hill near me. (too bad it isn’t the Eiffel tower, London tower or even the Tiffany tower, since then i’d be a more interesting photograph). It was pretty amazing since it was build will plain bricks and cement and is pretty high. There’s a ledge on the side but you can’t go up there. Too bad since the view would be amazing.

Most people that see this photo ask me how did i get those clouds so blue. Well i used a Hoya cingular polarizator for my lens. when you turn it it filters rays so you get a clean view of the sky.

Here are the colors i’ve chosen from the cracked and damaged tower.

So being a big fan of this field also made me want to learn it. I know that it takes a lot of time to learn only the basics (i’ve had some help with some helpful books). So with these skills i was able to start on working on a new project, which will take a while. I will be making a flash version of my site soon which will also have a intro movie.

The best thing of the intro movie will be, that it will featuring ME in 3D The scenario is still a work in progress but the modeling and texturing of my character is going pretty well.Here are some screenshots of different models.

It still need LOTS of work though

Here is the picture i used for it:

And here is the color palette i made out of it.

enjoy

…that they have found a really nice way for promoting their site. Since they’re a directory, they’ve gathered all the logotypes of their web apps sites and made a little movie. But actually there isn’t anything little in it since it has about 5000 logotypes in it.

For people with good eyes it’s also a good way to get inspiration or if you pause/play a lot.

Have fun.

What i really like about it, is that even if was darker, the red color of the mushroom head is really standing out. I also had some trouble taking the shot since it was under a dry tree that had it’s branches to the floor so i had to bend those to get a clean photo.

And here is the magic mushroom palette made from this photo:

Feel free to vote for it on Colour lovers