phone number

A creative, friendly web design company based in Chelmsford, Essex

back light

Fizz Blog

Add Google Plus One Button That Complies with W3C Standards

Posted on October 21st, 2014

Adding a Google Plus One button to your website that complies with W3C standards is not as easy as you might think – or if you’ve tried, you probably have run into familiar problems. Here’s a solution.

The idea that the effects of clicking a Google Plus One button actually has a positive correlation on your SERP (Search Engine Results Page) position is growing – though Google has not positively identified having a plus one button as a ranking factor – yet.

w3c web standards google plus one button


Make Background Image Fit to Screen with CSS3

Posted on October 12th, 2014

If you are designing creative, responsive websites, then you will at some point or other want to add a background that will shrink and expand to fit to the screen size being used by the user. Fortunately, this is simpler than it sounds and involves no Javascript or jQuery. It’s all done with CSS.

css background fit to screen


Is SEO a Complete Pointless Waste of Time?

Posted on October 5th, 2014

It’s a question most people who have spent time that they will never see again on – googling for the Holy Grail of SEO answers (whatever that might be) and not finding anything other than frustration.

The reality is that more often than not, all you will find are smug, highly paid SEO ‘experts’ that blog constantly about improving your SERP (search engine results page) position, and tell you in no uncertain terms what exactly you should do to get to number one on Google.

seo complete pointless waste of time


Add a Custom 404 Page With a Javascript Redirect

Posted on October 4th, 2014

if you’ve spent weeks designing a great looking website, why should you put up with boring, ugly 404 pages? Answer: you don’t have to! Here’s a simple way to add a custom page to replace your standard 404 page. It will also work with all sorts of other pages too, like 401, 403 and 500 redirects.

All you need is access to your htaccess file in your root folder and the part of your brain that you use to design….

custom 404 page redirect


PHP Contact Form with HTML & Simple CAPTCHA Free Download

Posted on September 25th, 2014

Finding a simple PHP contact form with a working, equally simple CAPTCHA that you can style to match your website design isn’t as easy as you might think. So I decided to offer my own solution as a free download. This contact form will allow the user to send the inputted details to a specified email address – this address can be an email address linked to your website or a stand-alone email like Gmail – it works with either.

Once installed, the webmaster has the included ability to make certain fields mandatory with a warning message to the user to go back and try again if they fail to fill our all the required fields. While the CAPTCHA is as simple as it could be and has effectively eliminated spam from bots filling out my forms 100%. Yes, that’s right – a 100% success rate. That’s because Fizz Web Design is a small company and isn’t under the same sort of scrutiny as larger companies like Tesco or Amazon.

simple form with captcha free download


Should Designers Now Make Responsive Websites as Standard?

Posted on September 22nd, 2014

When I first started making websites, we were basically just evolving from adding style code to the HTML file rather than adding it neatly to a separate CSS file and linking to it. As soon as we managed to put that one to bed, the looming horror of multi-sized screens became a reality (or nightmare if you prefer!) leaving us with more work to do to get the same end result – a website that works well.

responsive web design


Make CSS Background Image Fit Dimensions of Div

Posted on September 4th, 2014

Using in-line styling, you can adjust the size of an image in your HTML code; but it often poses a problem for coders when they require a background image to be resized to fit the constraints of an existing div.

Why would you want to do this, you may ask? Well one example of usage would be when using an image as a send button perhaps or more likely these days – when using responsive design where your div will respond to the size of the user’s browser (desktop, iPhone, Android, Tablet, iPad etc etc).

make background image fit div with css