devlobby.com— Make a really clean sharp web design with Photoshop. This covers all the steps and you don't need any experience to do this (it'll walk you through all the steps).
Dec 19, 2005View in Crawl 4
ugh...it says:"I'm making this tutorial on how to make a different type of template. Most of the tutorials out there are for those 800px wide blocks of boringness. In this tutorial I'll show you how to make a slightly different type of template."yes, a very different type of template, an 800px wide block of boringness WITH a full width GRADIANT BAR at the top!funny that my first thaught was 'f**k...why encourage sites that look like everything else', and then i read that he is actually presenting it as "a different template"this is the last thing we need, and yes i have worked with people on the design end of things who think that all they need to do is mock up some s**t in photoshop.NO DUGG____________I agree. Whats the point of this?
It's the trendy design you see these days, but he needs to go on from there and explain how to slice that design up into individual .jpg and/or .gif files. Most of the layout for a site like this could be easily implemented using CSS. That entire header/blue stripe thingy/menu stripe thingy could be saved as a 1px wide image and tiled as a background and the other components built in using the CSS box model. If implemented this way and any validation error fixed, the site would be super fast in pretty much any browser, even craptacular ol' IE.
I tend to do my mockups using Inkscape - it allows me to quickly shift elements around the page, resize, recolour, and generally get an idea of how I'd like things to look when I'm finished.After that stage I move onto making it work using CSS - the process of mocking it up helps hugely here, because I look at the mockup and see where the different blocks are. Generally having a mockup will shave hours off the design process, because I'm not trying to imagine something at the same time as developing it.
stonekeeperDec 19, 2005
I managed to recreate it using the gimp. A little bit different but much the same.
zforresterDec 20, 2005
ugh...it says:"I'm making this tutorial on how to make a different type of template. Most of the tutorials out there are for those 800px wide blocks of boringness. In this tutorial I'll show you how to make a slightly different type of template."yes, a very different type of template, an 800px wide block of boringness WITH a full width GRADIANT BAR at the top!funny that my first thaught was 'f**k...why encourage sites that look like everything else', and then i read that he is actually presenting it as "a different template"this is the last thing we need, and yes i have worked with people on the design end of things who think that all they need to do is mock up some s**t in photoshop.NO DUGG____________I agree. Whats the point of this?
alanmarchmanDec 20, 2005
It's the trendy design you see these days, but he needs to go on from there and explain how to slice that design up into individual .jpg and/or .gif files. Most of the layout for a site like this could be easily implemented using CSS. That entire header/blue stripe thingy/menu stripe thingy could be saved as a 1px wide image and tiled as a background and the other components built in using the CSS box model. If implemented this way and any validation error fixed, the site would be super fast in pretty much any browser, even craptacular ol' IE.
stuntantDec 20, 2005
Um isn't this a tech site? Everyday there is some how to do something everyone here should not need a how to page for.
Closed AccountDec 21, 2005
dclowd9901:Point well made.. Good job. You put those words just right.
vagrantradioDec 21, 2005
Photoshop makes s**tty websites. Don't bother.
strableyDec 21, 2005
btw - does anyone else think all digg.com links should open in new window?
jellybobDec 21, 2005
I tend to do my mockups using Inkscape - it allows me to quickly shift elements around the page, resize, recolour, and generally get an idea of how I'd like things to look when I'm finished.After that stage I move onto making it work using CSS - the process of mocking it up helps hugely here, because I look at the mockup and see where the different blocks are. Generally having a mockup will shave hours off the design process, because I'm not trying to imagine something at the same time as developing it.