Table Based Design and Responsiveness
#2
Darth Apple Wrote:I've been working for the past couple of years to make the theme for my website responsive. It's been a massive undertaking that has required basically a page-by-page teardown of the templates and a restructuring of them. I've found that most pages can be made responsive just by adjusting the width and wrap settings, collapsing certain columns of the tables, and so forth. Other pages are not even possible to make responsive with table based designs (without, of course, the use of some CSS table tricks, but these bring their own problems). In any case, it's nowhere near complete.
You're totally right with such an insight.

Quote:I've always believed it's the user experience that counts (regardless of whether you use divs or tables). Ideally, a DIV based approach is certainly the way to go, but doing so would require a ground-up rewrite of MyBB's templates, so I've been taking a page-by-page approach and have been attempting to do what's best for each individual page.
I completely share your opinion and doing. It is a hard work to find the best design for a templates and makes it nesseccary to fully redesign several pages with restructuring content to get rid of tables.
There are still developers who definitely fail trying to make themes responsive with tables.

Quote:For the more experienced developers out there, what has been your approach when handling responsive designs? Is it an absolute must to use a DIV based design over a table based design? Mostly looking for pointers from designers that have done this before. Angel
Using <table>s can never make a design to be fully responsive. Never!
So it is a must to replace tables by another kind of elements. <div> is the best choice and best practice.
In general I personally recommend the easiest and lowest CSS level to use instead of CSS3+ with new and special attributes. Consider using floating elements with the correct usage of border box model.
Code should be as easy and clean as possible for performance and loading purpose as well as code diagnostics and investigations. It is kind of magic to make MyBB 1.8* fully responsive with one single theme by using simple code and CSS - but it is possible!
It took me half a year to create a 100% (100!) responsie and innovative template set for my forums. It was worth each minute spending to coin.
For inspirations, see my signature!

I am happy to meet you as another strict and ambitious designer and developer Smile
Cheers!

[ExiTuS]
New Forum / MyBB 1.8.26 + innovative full-responsive Theme
Live-Escape-Game-Forum
Reply


Messages In This Thread
RE: Table Based Design and Responsiveness - by [ExiTuS] - 2020-03-18, 09:44 AM

Forum Jump:


Users browsing this thread: 1 Guest(s)