Branding and Icons on a website.

 Branding and Icons on a website.

So, you have spent ages writing a book and designing the look and feel of it and the cover and now you look to making a website.
Have you stopped to consider that tiny little icon in the web address bar?
Yup that small blue “F” that appears when you visit the social media site?
That icon is also part of your branding and trying to make one look good is going to be a challenge however, getting that tiny little 16×16 pixel icon is not the end.
Part of S.E.O is sorting out the icons to go on the site and the bad news is that there are quite a few different ones required.

While struggling to see my cup of tea this morning I came across this site >>https://css-tricks.com/favicon-quiz/ << which gives a good explanation of the icon business.

So I throw this out to you.

How many of you, when designing a website for your books, have you considered working on the icons for the site yet?

Advertisements

My Personal Web site.

webpagetest

 

The time has come for me to work on the web site for my books, but I have hit one massive road block.

When I started learning html and css I only had one screen size to worry about and that was a pc/laptop screen. Now I have to make things work for pc/laptops, tablets and mobile phones, but not only that I have to also make them work in both portrait and landscape mode…

I have put up my (Alpha test version) here, but it is for the iPad and I now have to redesign several elements to work on phones (its a bit lagging on the iPhone 5s)

The version above is for the pc version and sort of works, but only for pc/laptops.

Once I have the css working for the 3 versions, I then have to compile the css into one reactive fluid template.