I have finished the homepage, which will be the base for all other pages. Since i uploaded the photoshop file I have changed the colors and some layout. I am using a 3 main colors, dark grey, light grey and a deep purple.
Some of the code isnt as clean as it coud be, for example I sed class names for all the links so I could style each one, whereas I could use nth:child but as I am not to sure on that I wanted to do what I was comfortable with, with more time I would try clean up the html and css. One thing I have learned is that he design has to be well thought out before hand, as it is for different screen sizes some style elements have to be removed, or completely reshaped, and In future I would spend alot more time designing the site.
I added in an image slider, and this is an example of where design has to be thought out. The image slider works perfectly in full screen but was causing problems on ipad due to its size, so I had to copy the css and restyle the slider to fit on ipad, but then it was too big for the phone, so I removed it from the phone and inserted images instead. This is also an example of liquid style making it hard to add style to an item. As the slider uses pixels and relative position I could not make it responsive, therefore I had to do a separate one for ipad, then remove it for iphone.
No comments:
Post a Comment