Search the Community
Showing results for tags 'mock-up'.
Hi, i'd like some feedback please, if its possible. I 've found this article ( http://webdesign.tutsplus.com/tutorials/complete-websites/create-a-dar k-clean-website-design-in-adobe-photoshop-free-psd/ ) that teaches how to design a website in photoshop. I can guess how is going to be the structure of the html and css in general, when turning this psd mock-up to an html document, but my main focus is on the coding process of banner/ slider area of the website, and i'd like to know which is the best or more efficient way to code it in some parts, like: the gradient background: is it better to code it with css or export it as an image-graph and add it as a background to a div [like background-image:url('image.jpeg') ]? NOTE that there are 3 gradients (step 8 of the article). the shadow effect: how can i make the shadow look like this? it does not extend to the full width of the slider and also has a different shape. Generally the shadow effect look like this http://www.w3schools...css3_box-shadow , but the one in the article looks totaly different. Finally about the slider and the logo: both look like they are standing on top/in front of the layout, is this has to do with the z-index property? both are are not placed in the same height as their sections, they are possitioned/go more 'downwards', how is better to do it? by using some margin or padding or maybe setting their positions (top, bottom, relative absolute ... )? Please note that i'm talking about the development process, when creating an html document (html & css) in dreamweaver or any other editor, NOT how to design the mock-up.