Discover millions of ebooks, audiobooks, and so much more with a free trial

Only $11.99/month after trial. Cancel anytime.

Instant 960 Grid System
Instant 960 Grid System
Instant 960 Grid System
Ebook86 pages12 minutes

Instant 960 Grid System

Rating: 0 out of 5 stars

()

Read preview

About this ebook

In Detail

Grid systems were an integral part of World War II, helping graphic designers to achieve coherency in devising a flexible system. This book exploits the vast potential of grid systems to create organized and properly aligned websites for mobile platforms.

Instant 960 Grid System is a practical, hands-on guide explaining how to build a website using 960.gs targeting mobile devices, from tablets to smartphones.

This book shows you how to build quick and organized websites, clearing out the confusion that surrounds column allocation. It will take you through a number of clear and practical exercises that will help you to take advantage of the 960 Grid Systems.

You will also learn how to build your own portfolio, starting with the layout in Photoshop to the final product available in HTML. If you want to understand and familiarize yourself with how to use the 960 Grid System and at the same time want to prepare your website quickly to run on smartphones and tablets, then this book is for you. Not only will it cover the creation of a quickly-produced neat and concise website for different platforms, but it will also teach you how to make it responsive.

Approach

Get to grips with a new technology, understand what it is and what it can do for you, and then get to work with the most important features and tasks. Instant 960 Grid System uses step-by-step instructions, covering the basic understanding needed to create a quick, high quality responsive website prototype using the 960 Grid System.

Who this book is for

The book is intended for beginner web developers and information architects looking to create a quick responsive website prototype. Basic knowledge of web development and a little understanding of grids is encouraged.

LanguageEnglish
Release dateSep 25, 2013
ISBN9781783280742
Instant 960 Grid System
Author

Diego Tres

"Diego Tres has worked professionally since 2000, mostly with large global brands, such as Google, MasterCard, and PepsiCo. He has developed extensive technical skills in developing websites from designing to programming, and he is always aligned with a great business vision. He is always focused on frontend and is obstinate for perfection, seeking all the details involved in the execution of work to get the best results. He was born in 1983. During his childhood, he joined a drawing course and also a painting course. After he broke his legs, he started playing keyboards in his samba group that he played keyboards. Later, he won a 586 computer from his stepfather, which included the famous software, Paint Brush; he then started gaining knowledge about Photoshop and HTML. In 1999, he published his first website using Microsoft Front Page and Macromedia Flash. His first job was as an instructor in web design; he began using web standards in the development of various applications and AJAX, and got a promotion in the same year. Later, he launched his first website for a global brand, Samsung. In 2007, he was selected as a finalist in the Grand Prix (London International Awards) for the first time. The very next year, he founded his own advertising agency; however, he unfortunately failed the first time due to the stock market crash. Later, he began using HTML5 and preprocessors, such as SASS and LESS. He also launched his website using responsive web design and Mobile First design. Recently, he had his name on a winning project. Now he enjoys animations with CSS, SVG, Canvas, and WebGL."

Related to Instant 960 Grid System

Related ebooks

Internet & Web For You

View More

Related articles

Reviews for Instant 960 Grid System

Rating: 0 out of 5 stars
0 ratings

0 ratings0 reviews

What did you think?

Tap to rate

Review must be at least 10 words

    Book preview

    Instant 960 Grid System - Diego Tres

    Table of Contents

    Instant 960 Grid System

    Credits

    About the Author

    About the Reviewer

    www.packtpub.com

    Support files, eBooks, discount offers and more

    packtlib.packtpub.com

    Why Subscribe?

    Free Access for Packt account holders

    1. Instant 960 Grid System

    So, what is 960 Grid System?

    Installation

    Step 1 – what do I need?

    Step 2 – preparing the folders

    Step 3 – downloading 960.gs

    Step 4 – linking the files

    And that's it!

    Quick start – using 960 Grid System from Photoshop to code

    Step 1 – laying out in Photoshop with the 960 Grid System

    Step 2 – from layout to code

    Step 3 – adding some colors, padding, and text alignment

    Top 3 features you need to know about 960 Grid System

    Responsive web design

    Photoshop

    Code

    The small version

    Header

    About

    Work

    Contact

    Footer

    The medium version

    Header

    About

    Work

    Contact

    Footer

    People and places you should get to know

    Official sites

    Articles and tutorials

    Blogs

    Twitter

    Instant 960 Grid System


    Instant 960 Grid System

    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

    Enjoying the preview?
    Page 1 of 1