Things have been going very well in terms of the client
project , I have finished most of the code and designs , and spoken to my client and he
seems pleased with the outcome , below I will talk in more detail about what changes
I have made and what changes I plan to do if any to make the website a better
experience for everyone in all browsers....expect internet explorer, no one likes internet explorer.
In the above picture you can see that I have mostly
completed the home page for black owl , it is a quite simple layout , using
sections instead of DIVS , but in essence achieves the same outcome , the reason
behind this is that I wanted to test myself using HTML 5 and CSS3 coding so that
I can future proof myself , when HTML 5 and CSS3 will become the standard and
DIVS are no longer used , which will be soon in my opinion.
Like I have said , I have
gone with a quite simple layout compared with the earlier concepts I had make ,
the reason being , I could not expand the li tags in the navigation to extend
downwards giving the impression of a sticky note , another reason was I could
make the a tags in the li position themselves vertically
using little CSS , the other techniques I have seen , using extensive br tags
to achieve the effect , it did but it left the HTML code in a mess , so I didn't bother in the end.
The above image shows the navigation I have decided to use ,
a simple inline display , but in order to jazz it up a bit I have decided to
use a CSS3 transition which when the mouse scrolls over the navigation bar on
an A Tag , the A tag selected will increase in size whist the others fade back
into the background.
Below the slider , are two sections , one named previous works and other named Upcoming works , in the case of the previous works , I decided
to have a box slider for the previous work , as I believe it is a nice way of
displaying multiple content and images
within the same LI , and it is a modern trend as most websites have some sort
of content slider. With the other
section (upcoming works) I wanted to keep it simple so a unassuming section with two articles inside. Both of
these sections can be easily updated when the time comes.