Preface

We all know the importance of good design for the success of a product, service, or even a simple website. Serving our content on different platforms, systems, and different screen sizes has been more common than you might imagine.

There are infinite web frameworks that help us in this process, but there is nothing better than getting your hands dirty and learning to make these yourself.

Fortunately, we have several techniques that help us in this field that are so fascinating in web development. With the new implementation of HTML5, CSS3 Media Queries, and the massive evolution of JavaScript, our challenges can be overcome with more efficiency.

But not everything is perfect, and we can find some obstacles along the way; data tables are a good example, especially when they contain complex information or simply a large number of rows and columns.

What should we do to show large amounts of tabular data on a small-screen device?

How do we deal with this kind of problem and write tables using semantic tags such as: caption, thead, tfoot, and tbody?

This book will be your step-by-step guide in building responsive tables optimized for small screens, with some responsive design techniques and the use of some open source tools that will make our tables more pleasant and beautiful.

We will see how to turn tables into graphs and finally how we feed our tables using a basic JavaScript to load its content directly from a JSON file.

If you've heard about responsive design, or already have some knowledge in this area and want to explore the features available, this book is for you.

Here you will discover how you can implement complex tables with just a few lines of code.

If you do not know any techniques of responsive design, do not worry, the examples shown in the book are self explanatory and you will understand them.

Enjoy!