Instant HTML5 Responsive Table Design How-to

Fernando Monteiro

• Publisher: Packt Publishing
• Year: 2013
• ISBN:
  9781849697262
• Edition: 1
• Topic: Computer Science
• Subtopic: Programming in HTML
• Index: Computer Science

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.

Approach

Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks.A practical guide to building responsive tables optimized for any device. Filled with quick recipes that cover responsive design techniques and make use of open source tools that will make your data easy to understand regardless of device.

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.

Instant HTML5 Responsive Table Design How-to

---

Instant HTML5 Responsive Table Design How-to

Copyright © 2013 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

First published: April 2013

Production Reference: 1180413

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham B3 2PB, UK.

ISBN 978-1-84969-726-2

www.packtpub.com

Credits

Author

Fernando Monteiro

Reviewers

Melanie Archer

David Lender

Alex Libby

Acquisition Editor

Martin Bell

Commissioning Editors

Sruthi Kutty

Meeta Rajani

Technical Editors

Sharvari Baet

Kaustubh S. Mayekar

Project Coordinator

Joel Goveya

Proofreaders

Mario Cecere

Maria Gould

Production Coordinator

Prachali Bhiwandkar

Cover Work

Prachali Bhiwandkar

Cover Image

Sheetal Aute

About the Author

Fernando Monteiro is a frontend developer, speaker, and mind behind the Responsive Boilerplate, micro framework for responsive layouts. He contributes several articles and materials on his blog and for the entire community of web design and development.

He is passionate about web standards, semantics, and mobile design.

He began his career as a graphic designer in 2004 and quickly became an expert in QuarkXPress, producing and editing more than 500 ads for different companies in different magazines.

He has worked as a manager of e-commerce and UX designer for various companies and products, including mobile applications. Since 2009 he has worked full time as a frontend developer; his spare time is dedicated to open source projects and freelance jobs.

I would like to thank everyone who supported me in this journey, to Ellen for all the moments of encouragement, my son Mateus for always being by my side, and my whole family; it is impossible to mention them all here.

All the staff from PackPub who had contact directly with me in this incredible opportunity; thanks for all the patience and support.

About the Reviewers

Melanie Archer is a web developer living in Oakland, California, USA. Since handcoding her first web page in 1997, she's worked with many corporations, design agencies, and startups to bring standards-compliant delight to dozens of user interfaces. Other Packt titles she has reviewed include HTML5 Boilerplate Web Development, Divya Manian. You can follow Melanie on Twitter at @mejarc.

David Lender has been designing websites for over 13 years. He was an early adopter of HTML5, CSS3, and Responsive Design. He currently works at Washington University in St Louis as a Senior Project Leader of the SharePoint Design Group. He also works as a freelance Web Designer and has a personal website/blog at http://davidlender.com. In his spare time, he practices and helps teach Tae Kwon Do at Champion Martial Arts and is a second-degree black belt.

I would like thank my beautiful wife, Tina, who has been a driving force of love and patience to me in our marriage, and my great kids. And in no particular order, great friends who have been more like family to me: Michelle King, Jeff King, Denise Prinkey, Tim Prinkey, Herbie Garcia, Krista Garcia, and Greg Phillips.

Alex Libby works in IT support. He has been involved in supporting end users for the last 15 years in a variety of different environments, and he currently works as a Technical Analyst/Solutions Architect, supporting a medium-sized SharePoint estate for an international parts distributor based in the UK. Although he gets to play with different technologies in his day job, his first true love has always been with the open source movement, and in particular, experimenting with CSS3, HTML5, and jQuery. To date, he has written several books for Packt Publishing, including one on HTML5 Video and another on jQuery tools.

www.PacktPub.com

Support files, eBooks, discount offers and more

You might want to visit www.PacktPub.com for support files and downloads related to your book.

Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub.com and as a print book customer, you are entitled to a discount on the eBook copy. Get in touch with us at <[email protected]> for more details.

At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks.

http://PacktLib.PacktPub.com

Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library. Here, you can access, read and search across Packt's entire library of books.

Why Subscribe?

• Fully searchable across every book published by Packt
• Copy and paste, print and bookmark content
• On demand and accessible via web browser

Free Access for Packt account holders

If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view nine entirely free books. Simply use your login credentials for immediate access.

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 yourse...