Adaptive CSS-Layouts: New Era In Fluid Layouts?

Fluid web designs have many benefits, but only if implemented correctly. With proper technique, a design can be seen correctly on large screens, small screens and even tiny PDA screens. With bad coding structure, however, a fluid layout can be disastrous. Because of this, we need to find ways to work around most, if not all, of the cons of fluid design.

If you as a designer are going to go through all the extra work of creating a functional fluid layout, why not go a bit further and make it compatible with all resolutions, instead of just most? You can use a few techniques to create an incredibly versatile, adaptive layout that will stay perfectly functional with the constantly changing screen sizes…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

How To Use Multiple CSS Backgrounds

An article showing how you can use multiple divs and therefore multiple background images to create your web designs. Is that the right thing to do? From a web standardista’s point of view, probably not. But the technique is there if you ever need it…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

24 CSS Navigation and Menu Tutorials

The most important part of designing a new site is the navigation or menu system, but this can be tricky, time consuming and often frustrating. You need something that will fit into your design and most importantly, allow your readers to navigate with ease. Here’s you’ll find 24 CSS (in some cases with a little jQuery) Navigation and Menu Tutorials to help you on your way…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

10 Quick and Dirty Ways to Lay Out a List of Links

The best way to lay out a list of links — say, like those you would find in a footer — is typically to code them as an HTML list and use CSS for the presentation. However, sometimes this is not practical. Here are some variations on how you can separate a list of links, starting with the old standby, the vertical bar or pipe…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Fixed vs Fluid vs Elastic Layout: What’s The Right One For You?

The problem has boggled the minds of Web designers for years: fixed, fluid, elastic or a hybrid layout design? Each option has its benefits and disadvantages. But the final decision depends so much on usability that it is not one to be made lightly. So, with all the confusion, is there a right decision? By considering a few factors and properly setting up the final design, you can end up with a successful layout design that reaps all the benefits. This article discusses the pros and cons of each type of layout…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Tutorial All About CSS Floats

Float is a CSS positioning property. If you are familiar with print design, you can think of it like an image in a layout where the text wraps around it as necessary.

In web design, an image that is floated remains a part of the flow of a web page. That means that if it changes in size or if the elements around it change, the page will automatically adjust (reflow). This differs from page elements that are absolutely positioned. Absolutely positioned page elements are removed from the flow of a web page. Absolutely positioned page elements will not affect any other page elements, whether they touch each other or not…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Sexy Drop Down Menu with jQuery and CSS

Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key — and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. This tutorial shows how to create a sexy drop down menu that can also degrade gracefully…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)