Instant HTML5 Responsive Table Design How-to

Progressing

Fernando Monteiro
April 2013

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

$12.99

RRP $12.99

eBook

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.

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.

Authors

Fernando Monteiro

Fernando Monteiro is a frontend engineer, speaker, open source contributor, and the mind behind the Responsive Boilerplate, a CSS library built with Less.js for responsive layouts.

He contributes several articles and materials on design, development, and user experience on his blog and for the entire web community.

He is passionate about web standards, frontend development, and mobile design, and he spent the last 12 years creating high-end graphic and web experiences.

He began his career as a graphic designer in 2002 and quickly became an expert in QuarkXPress, producing and editing more than 500 ads, CDs, and DVDs for different companies around the world.

He has also published a book on HTML5 and responsive design for mobile devices: Instant HTML5 Responsive Table Design How-to.

Currently, he works as frontend manager in one of the largest private companies in web software development for government institutions. You can find more about him on www.newaeonweb.com.br.