<pedrocorreia.net ⁄>
 

<CSS Tabeless Design Basics - Positioning Content with Floats instead of Tables ⁄ >




clicks: 2464 2464 2009-05-22 2009-05-22 goto programacao myNews programacao  Bookmark This Bookmark This


This is the first example in my series for CSS tableless design Basics. I will eventually expose an ASP.NET project later on once I start building more tutorials for free access in which you can see all these examples and more later on for download. And I think the dryer the post is about CSS or a book is, the harder it is to understand so I'm going to try to talk as though I'm teaching someone, not just spitting out technical terms here.

First off, I'm a huge advocate for tableless design especially when coding views in ASP.NET MVC. Even if not using MVC you should really start to get a grasp of it now, and quite frankly people we're in 2009, there's is no excuse for it and the web expects it. Your designer expects you to be able to accommodate his creative. And your team expects to be able to maintain good quality mark-up. At first it seems daunting and scary to make the leap but I can tell you first hand once you start to get it, it gets so much more easy and you realize the power and flexibility that you could never get with tables. In fact my design time is cut in half now after spending a good month in tableless design. At first it was a bit daunting and frustrating but that only lasts a couple months. And you won't believe how your page is simplified and footprint is reduced when you're not using tables! It's so much easier to read people!



este é só um excerto do artigo, para aceder ao artigo completo, clique no link em baixo:
this is just a small excerpt from the article, to access the full article please click in the link below:

http://codezest.com/archive/2009/05/21/css-basics-ndash-positioning-co...




Subscribe News RSS  Subscribe News Updates by E-mail





myNews <myNews show="rand" cat="programacao" ⁄>

RouterJs: easy routing for your ajax Web applications new ...

RouterJs is a simple router for your ajax web apps. It's build upon History.js which means that Rout (...)

clicks: 15362 15362 2012-05-14 2012-05-14 goto url (new window) haithembelhaj.g... goto myNews programacao


Backbone computed properties new ...

This gist shows one way to implement read- and write-enabled computed properties on a Backbone Model (...)

clicks: 15119 15119 2012-05-13 2012-05-13 goto url (new window) https://gist.gi... goto myNews programacao


Create Instagram Filters With PHP new ...

In this tutorial, I'll demonstrate how to create vintage (just like Instagram does) photos with PHP (...)

clicks: 14811 14811 2012-05-12 2012-05-12 goto url (new window) net.tutsplus.co... goto myNews programacao


Android Query new ...

Android-Query (AQuery) is a light-weight library for doing asynchronous tasks and manipulating UI el (...)

clicks: 15356 15356 2012-05-12 2012-05-12 goto url (new window) code.google.com... goto myNews programacao


HTML5 jQuery Paint Plugin new ...

Websanova Paint is a HTML5 canvas based jQuery plugin. It allows you to free paint on a canvas area (...)

clicks: 25795 25795 2012-05-12 2012-05-12 goto url (new window) websanova.com/t... goto myNews programacao


Sass vs. LESS vs. Stylus: Preprocessor Shootout new ...

CSS3 preprocessors are languages written for the sole purpose of adding cool, inventive features to (...)

clicks: 14567 14567 2012-05-11 2012-05-11 goto url (new window) net.tutsplus.co... goto myNews programacao


Real-time Applications With Node.js and Socket.IO new ...

Hey everyone! Sorry about the long pause since the last blog post, life has been quite hectic for th (...)

clicks: 15244 15244 2012-05-11 2012-05-11 goto url (new window) codingcookies.c... goto myNews programacao


Gettings to know Backbone.ks new ...

In this series, we're going to learn how to build a fully functional contacts manager using Backbone (...)

clicks: 14222 14222 2012-05-10 2012-05-10 goto url (new window) net.tutsplus.co... goto myNews programacao