Posts Tagged ‘css’

Using TABLE for layout

Wednesday, January 20th, 2010

I think designers and developers alike are realizing using HTML TABLE for "some" layout is a smart thing to do after all. Some wise usage of TABLE based layout is popping up everywhere recently including Google Apps. Below is a Firebug screen capture of parts of Google Calendar where it uses TABLE for layout.

Google Calendar HTML Table

I totally agree. The "no TABLE no matter what the cost" approach is a silly fad and a movement advocated by early css developers who were overly enthusiastic with their fascination with the new-found technique. I see where they're coming from , too. If you were coming from the early days of web development with sketchy browser css support, using tables to workaround layout issues can get pretty messy and a maintenance nightmare. So a proper browser support of CSS was indeed a breath of fresh air and freedom. But shunning TABLE no matter what the cost subjects yourself to complicated rows of DIVs and floats which in essence works against the simple and maintainable approach. Using TABLE for layout makes sense if used properly. Although not captured in the example, content inside the table is organized nicely using <div>and lists <li>. Organizing content this way yields to much more predictable behavior across platform and browsers.

I would not recommend this TABLE + CSS hybrid method for blogs or any sites that are at the mercy of search engines or readers. But for applications or widgets it makes perfect sense and will make your life as a UI designer/developer a whole lot easier. As with any tool, you just have to be smart about when, where and how much to use.

  • Share/Bookmark

Complainers of the world unite!

Wednesday, June 17th, 2009

For some of us that have been writing HTML since the 90s, it's easy to lay back and say "it won't get any better than this" as far as front-end development and client-side technologies are concerned. We have seen first-hand how the craft has improved over the years from the primitive HTML tags, faulty browsers, and lack of community to the modern compliant browsers, convenience of stylesheets, and the ultra cool javascript libraries and frameworks not to mention support from hundreds of active developer communities. So it's easy to think this is the pinnacle for our tools of the trade.

But let's think for a minute about those who began their career as web developers just a few short years ago. Everything that we old schoolers have come to appreciate and find fascinating are taken for granted by web dev/design newbies. To them, the technology is nothing new. It could have existed since the stone age for all they know. No one thinks about the origins of things in the web profession. And just like how we were distressed and annoyed with the limitation of the technologies of the time in the 90s, the newbies are going through the same phase. They aren't satisfied with what they're given. They complain about the limitations of the CSS. They complain about the browsers not being perfect. We (veterans) complain too but not with as much vengeance. The newbies' frustrations are compounded by the lack of initial appreciation which make it much stronger.

But you know what? That is a great thing. Because from that mentality, and from that very cycle that web professionals go through, comes new great ideas and continuous improvements. If it weren't for all our frustrations and dissatisfaction, we might have not had the tools that we use today. It's important that you complain. It's important to want more. It's important to think that nothing is an end product and everything is a beginning.

  • Share/Bookmark