underline
phone number

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

back light

Fizz Blog

Responsive Web Design: Equally Spaced Horizontal Menu

A menu is one of the first and most basic things your site needs. Styling a menu to fit a static web page that is say, 960px wide is one thing, but how do you create a horizontal menu that stretches across the width of the site in a responsive design?

We’ve already showed you how to create equally spaced divs in a responsive web design, so it might be a good idea to familiarise yourself with that first.

equally spaced horizontal menu with css

Read the rest of this entry »

Share this..
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestEmail this to someoneShare on TumblrShare on StumbleUponShare on Reddit

Tags: , , , , , , , ,

Make Background Image Fit to Screen with CSS3

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

Read the rest of this entry »

Share this..
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestEmail this to someoneShare on TumblrShare on StumbleUponShare on Reddit

Tags: , , , , , , ,

Should Designers Now Make Responsive Websites as Standard?

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

Read the rest of this entry »

Share this..
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestEmail this to someoneShare on TumblrShare on StumbleUponShare on Reddit

Tags: , , , , ,

Make CSS Background Image Fit Dimensions of Div

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

Read the rest of this entry »

Share this..
Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestEmail this to someoneShare on TumblrShare on StumbleUponShare on Reddit

Tags: , , , , , , , ,