Apr 07, 2011 — 0 comments
Responsive Web Design is a trend that is keep growing and growing every day on many platforms. As a short explanation, responsive means that your website must have an adaptive design on every computer or mobile device.
This sample shows you how to create a three-column layout with one fluid column and two fixed width columns.
Thinking about creating a portfolio? why not impress your visitors with a nice responsive full screen background image.
Learn how to create the widely popular navigation bars which stay at the top of the browser no matter how far down you scroll! As seen on Facebook and every other popular site at the moment!
This tutorials describes how to set up a html/css-layout with a fixed header at the top (for navigation) while having a non-static footer that stays put at the bottom of the page.
If you have a fluid header and footer, but the content area is a fixed size, you could run into this bug when the viewport is smaller than the width of the content.
A short intro to the div tag as well as how to employ it in template layouts and correct webpage formatting. It shows how to recognize divs and how to use wrappers
The BBC’s brilliant homepage redesign has created quite a stir in the web community. Now See how it was done!
Learn to create fluid 3 columns CSS layout, cross-browser, SEO-Coding and valid XHTML.
Today I will show you how to produce a website that is a little different to the typical ones you see around. It will be a cartonny or comic scene using a variety of different graphic vectors. I am also going to show you how to add a little JQuery to spice it up! There is an excellent tutorial for all the graphics used, so I shall be concentrating on the coding side.
Help us out! More and more tutorials are submitted to Good-Tutorials each day. We could use your help with finding good tutorials. Mind lending a hand?