Free Sample
+ Collection

Instant HTML5 Responsive Table Design How-to

Fernando Monteiro

Present your data everywhere on any device using responsive design techniques with this book and ebook
RRP $12.99

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849697262
Paperback58 pages

About This Book

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.
  • Optimize and visualize your data using responsive design techniques
  • Understand how responsive design works and which elements you should use to make your tables responsive
  • Display numbers and filter data in small screens easily


Who This Book Is For

If you, like so many other developers, are struggling to show data across all devices, this book is for you. Dive into responsive design and master one of the trickiest aspects. You don't need to be an expert; you just need to know the basics of web development.

Table of Contents

Chapter 1: Instant HTML5 Responsive Table Design How-to
Introducing the new HTML5 table (Simple)
Understanding responsive web design (Simple)
Getting started with responsive tables (Intermediate)
Dealing with numbers (Intermediate)
Increasing the numbers (Advanced)
Converting tables into graphs (Advanced)
Merging data – numbers and text (Advanced)
Mixing everything – texts, numbers, and more data (Advanced)

What You Will Learn

  • Use CSS3 techniques to improve the display of tables on small screens
  • Filter data from a table with only the columns most relevant to your user
  • Work with huge tables easily, even on a small screen device
  • Dynamically display data as graphs or tables to different devices depending on screen size
  • Present one static solution for displaying data that caters to different screen sizes with the help of Media Queries

In Detail

We all know the importance of good design to the success of a product, service, or even a simple website. Serving content to fit different platforms, system and screen sizes is also a real challenge. If you want to present any information then data tables are ideal but making those tables pleasant to view on any and every device is not easy.

Instant HTML5 Responsive Table Design How-to will help you with powerful responsive design techniques that allow you to present your data in the best way depending on the device.

This practical guide uses the latest web development techniques to construct and deconstruct tables.

Taking you from basic table markup, this book will walk you through semantics tags, and the new features of CSS3 that will improve your tables to look pixel perfect on any device.Use practical recipes to understand responsive design techniques in relation to data tables. Advance your knowledge of tables and learn how to handle large volumes of data, apply filters to columns, hide less important data, and load content dynamically.

No matter how big the data and how small the device, by the end of this book it won't matter.


Read More

Recommended for You