CSS: Clearing Floats with Overflow

One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But did you know you can also use the overflow property to fix this problem? It’s not a new CSS trick either. It’s been documented before long long ago. Today I would like to revisit the topic along with a few tips.

Some nice tips for those just starting with HTML and CSS and want to learn more about layouts.


Web Design,CSS,HTML




Five Useful Design Techniques and Coding Solutions For Web Designers

In this article, we’ll look at five useful coding solutions that we’ve stumble upon recently. All of these solutions enhance a website’s design, not just the code. These solutions affect the user interface and the user’s interaction with the design, and they can make for a more usable and interactive website.

Some useful little techniques here to make your website a little more useful.

Web Design,CSS,HTML,Usability





Top 5 Web Font Design Trends to Follow

Fonts were the great limiter of Web-Design, and always focused on designing for the lowest common denominator. Thankfully the @font-face tags in CSS are becoming more and more supported, and has helped to increase the possibilities for web design dramatically.

At the House of Type we’ve been doing more and more with custom fonts on web sites, and have found it incredible and using certain font formats, it’s even supported in IE6!

Web Design,CSS,CSS3,HTML,HTML5,Typography,Web Development