I currently use Coda for all of my HTML editing, and I am working on a part of our site that uses tables. I made a table that is about 12x10, and my boss wants it reordered. Is there any tool available that can make reordering columns a bit less painful?
Use Dreamweaver, you can format your table very easy or you can search any table generator on google.
Related
For clarity, the spreadsheet in question is a repertoire list of all the songs that my cover band performs, with hyperlinks to lyrics and chords. I can sort it just fine in Excel, but not when it's exported to HTML.
I have started exporting it as HTML as that is slightly more accessible when live on stage. However, it would be beneficial to be able to sort the list by different attributes like genre, artist, year, etc.
As far as I can tell, there is no way for me to sort the data in the HTML table directly. In order to re-sort the data, I have to open Excel, sort the table, and re-save / re-publish it as a webpage.
I tried this extension called Tabulazer but it didn't seem to work.
As I'm only an amateur programmer, I'm not sure how I would go about solving this problem. I would guess it probably has something to do with the thead table header tag.
First thing first, Tabulazer is only available as a web browser extension. Your visitors hence have to install it first before sorting out the tables.
If you're not keen enough with good old JavaScript frameworks like JQuery and JQuery UI, it's okay. There's a simple example from MDN that lets you sort tables by clicking the <th> (table heading) cells.
I’m checking out the Intermediate HTML section in Colt Steele’s The Web Developer Bootcamp, and the first thing he has there is tables. I’ve done this part of the course before, but now I wonder, who even uses tables? (except SQL people)
If you’re a front end dev, do you still use/display tables in your projects? Even if you’re not, what is the importance of learning tables?
It depends, sometimes we need it sometimes we don't, the reason is there is because back in the day front-end developers need to have flexibility to implement clickable images and links in every location of the site and the easiest way to achieve that is using table.
By using tables, front-end developer can slice images and links and fit into table without worrying much about design limitation, since designer can do whatever they want in an image.
These technique becomes obsolete as it is bad for SEO and maintenance sake (updating text in image is troublesome), non-dynamic since those are not real text and not responsive in mobile platform...
Later on CSS floats were used to position text and images rather than tables, but styling this is difficult. To overcome this the latest technique will be using CSS3 flexbox.
Although it seems like we don't need to use table anymore but in fact we still do, we use it when we need display data in a more readable format, e.g. latest price list, or comparison table in an article.
Another good thing about table is it doesn't require much styling and CSS knowledge, back-end text editor will still provide option for table so that editor can construct basic looking table from their end.
I am trying to create a long table, 10*10 cells. It looks good in desktop but I want to display the same table code to be used for mobile and ipad. Is there a trick to use single code for table for desktop and mobile?
The major issue I am facing is that the table needs to be accessible, and should work with non js version.
I tried to search but many have posted that they use different table for different devices, which I don't want to do.
As far as I know it would be difficult to do it with plain HTML/CSS. By introducing a scripting language, it should be easier to implement. Look at the following link for more info
A request to the server contains all type of info in it, where it is coming from, which browser they are using and which type of device it is. You should be able to utilize it. Again you have to use script. You can also use JavaSacript but since that is not your option, Script will the only way to do it. Such as PHP, ASP.NET or any other that you are using.
This question already has answers here:
Closed 12 years ago.
Possible Duplicate:
Why not use tables for layout in HTML?
These days, I am reading a lot that we should write tableless HTML. I believe that requires a lot of CSS knowledge. My questions are:
What are the benefits of tableless design?
What are the conditions when tables should be used?
How to begin?
What are the benefits of table less
design?
There are many, not the least of which is reduced HTML payload, and the flexibility to change the layout (via CSS) without changing the markup.
One way they reduce payload is that, with styles stored in an external stylesheet, and stylesheets often being shared between pages, caching really swings in to the rescue. One could argue that stylesheets can be used with tables. Yup; however, disciplined use of divs for layout tends to promote the use stylesheets.
You could read up on Search-Engine Optimisation (SEO) design. One principal of SEO is to get your important content up toward the top of the HTML tree, above relatively unimportant stuff like navigation. This really isn't possible with table-based design.
What are the conditions when tables should be used?
Use tables to show tabular data. Avoid them for layout.
How to begin?
I'm a fan of w3schools, and the awsome CSS Zen Garden. Those gave me my start.
Here's a really good presentation on the topic: http://www.hotdesign.com/seybold/
With table-less design it's easier to change page layout and you write less html. Tables should be used only for tabular data.
Tables should be used for displaying tabular data, not for layout.
You'll get better performance with separated out css files because then the browser can cache the presentation details between pages of your site.
Using separated out css also makes it easier to swap views based on the browser being used (I want to display something very different to iPhone users than IE users, for example).
This also makes it very easy to change the look & feel of your site without changing the code that's generating the content itself (if you're generating your html with PHP, for example).
Tableless web design gives you the following:
Less Markup
Tables need a lot of code to actually create table cells and rows, where as a div is only a simple open and close tag. This means less for your users to download when they're loading the page.
Easier Maintenance
Since there's less markup with tableless design, the code is easier to maintain (less code to wade through). It's also easier to add elements to a tableless design because you don't have to go through a table and determine where all the rowspans and colspans need to be added to your existing rows and columns.
Content and Presentation are Separate
This one is key. With tableless design, it's much easier to swap the CSS and completely change the look and feel of a site without touching the markup.
Tables are for Data
Tables should be used when you're displaying tabular data. Their structure makes them very good at defining relationships between headings and the data. As a result they're great for accessibility when it comes to tabular data.
The Catch
Although there isn't a lot to learn in CSS, it'll take a good while to get used to all the browser rendering inconsistencies (I'm looking at you IE...). If you want to get started, I highly recommend you focus on learning about how floats and position behave. Once you have that sorted out, it becomes much easier.
you get better performance on page rendering & it would be standards based. Use <div> tags to go with tableless design.
There is widespread discussion about tables vs. divs all of the internet.
I'm a big proponent of using tables to represent tabular data. However, that is the extent for their use. For page structure and layout, you should use divs and css.
Read this in-depth smashing magazine article about tables vs. divs.
Looking for sites which offer templates for creating styled table-based web page forms.
Similar to css-based forms at:
http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/
(please no css is better than tables discussions)
This is like asking for an example of GOTO statement best practices. Your just asking for trouble, no matter the intent!
I don't know about sites which offer templates, but 37 Signals use tables with their forms. Like this one.
i guess i won't comment on why tables are a bad idea here (since you specifically mentioned it). to get the job done you can try this online table generator.
if you add to your question with more specific requirements, i will gladly give you some cut and paste code.
My forms are more sophisticated than the typical 2 column ones. I can have 3 &4+ columns and once you start using CSS to layout these columns properly in all browsers, it becomes very time consuming. It is a lot easier to do it with tables and there's nothing wrong with using tables. Tables are used to display tabular data and a form can be thought of as tabular data. There are two camps who can debate tables vs css till eternity about this and it's really pointless. There are millions of sites including known popular ones which use tables for forms and I don't consider that wrong. This is not about using tables for layout, it's about using tables to help in creating forms only.