thedsgnblog: Sneaky Raccoon | http://sneakyraccoon.com “Identity creation for the independent creative collective Anonymous Fox – professional, clean and a little bit foxy! Head, body and colour variations were created as well as printed materials. Commissioned by Sawdust and Jelly London” Sneaky Raccoon is the artist name and work of London based Freelance Graphic Artist, Designer and […]
Project Page Layout The above two images are of the project page layout I have created for my website. This layout is a two column divide of content with the text and header on the left and the images on the right. The divide is not half and half because otherwise the images would be […]
Building my work page: This page is a development of the front page layout with more options of work. And with Joomla set up I can easily continue to add further projects. Whereas the first page has just six. This is a blog layout and the class is named .blogwork These are set up into […]
My Contact page and About page: A contact form helps to make the contact process straight forward. It also helps to avoid spam mail from advertising personal information such as an email or a telephone number. I’ve included another image of the owl to balance the form and make the page more interesting. It lightens […]
Building my ‘About’ page: For text on the site, I needed to create a CSS rule that applies over every page. When I was designing my site, I found that black was a very harsh colour for the text with the rest of the colour scheme, so instead I used a dark grey that’s #666666. […]
Designs: My ‘About Me’ page This is a page I have struggled to design. It’s similar to that of the contact page. These two pages are less about the imagery and more about the quality and importance of the information that visitors seek to get after deciding to take action upon visiting the site. How […]
Getting to Grips with DIV’s
The <div> tag has been the principle tool used to put pages together.Pages have parts – sections that serve particular functions – and as a rule those parts have been set with <div> tags. On the top of most pages is a header. Likewise most pages have a nav div and on the bottom a […]
Screen Based Communication 2 Time to slice. This is my front page with the guides of the grid system I used to structure my layout.
Screen Based Communication 2 These two designs are for my portfolio/work page with all my work and the project page people see if they click on a project. I much prefer this grid layout for my work page. Each image has the project name below it with the ‘read more’ as a link to the […]