<pedrocorreia.net ⁄>
 

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




clicks: 2764 2764 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: 16734 16734 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: 16564 16564 2012-05-13 2012-05-13 goto url (new window) https://gist.gi... goto myNews programacao


Android Query new ...

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

clicks: 16761 16761 2012-05-12 2012-05-12 goto url (new window) code.google.com... 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: 16340 16340 2012-05-12 2012-05-12 goto url (new window) net.tutsplus.co... 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: 27408 27408 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: 15998 15998 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: 16705 16705 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: 15504 15504 2012-05-10 2012-05-10 goto url (new window) net.tutsplus.co... goto myNews programacao