Portfolio website – development
In this blog I show few sketches which helped me to understad the structure of content in portfolio and contact pages.
Layout, where content is split into 2 parts, where in frst one ( section#work_list ) is floated to left. This section contains extra jquery which opens its content when clicked, and show description of product. It helped me to achieve what I wanted.
Left navigation jquery downloaded from:
I made my own short version of html and css mentioned above, which helped to implement this jquery to my html code .
Second part of content ( section#slider ) is another jquery which is also implement into previous jquery, as outcome will be changed image on the screen in slider section every time user change work list menu along with opening content (description of an item) it self.
I just found out that this jquery doesn’t work when online. Only on computer, but you can still have a look at code in source code view. how strange it is
As my idea was, that in content of section#work_list will be along description also set of images which displays in screen on the left as slider.
Unfortunately I didnt manage to succeed in this task as jquery I have used has set width within jquery and this doesn’t fulfill responsive design task.