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

Only $11.99/month after trial. Cancel anytime.

Instant Website Optimization for Retina Displays How-to
Instant Website Optimization for Retina Displays How-to
Instant Website Optimization for Retina Displays How-to
Ebook142 pages53 minutes

Instant Website Optimization for Retina Displays How-to

Rating: 0 out of 5 stars

()

Read preview

About this ebook

Filled with practical, step-by-step instructions and clear explanations for the most important and useful tasks. Get the job done and learn as you go. Written in an accessible and practical manner which quickly imparts the knowledge you want to know. As a How-to book it will use applied examples and teach you to optimize websites for retina displays. This book is for web designers and developers who are familiar with HTML, CSS, and editing graphics who would like to improve their existing website or their next web project with high-resolution images. You’ll need to have a high-definition device to be able to test the examples in this book and a server to upload your code to if you’re not developing it on that device.
LanguageEnglish
Release dateJan 24, 2013
ISBN9781849695138
Instant Website Optimization for Retina Displays How-to

Related to Instant Website Optimization for Retina Displays How-to

Related ebooks

Applications & Software For You

View More

Related articles

Reviews for Instant Website Optimization for Retina Displays How-to

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 Website Optimization for Retina Displays How-to - Kyle J. Larson

    Table of Contents

    Instant Website Optimization for Retina Displays How-to

    Credits

    About the Author

    About the Reviewer

    www.PacktPub.com

    Support files, eBooks, discount offers and more

    Why Subscribe?

    Free Access for Packt account holders

    Preface

    What this book covers

    What you need for this book

    Who this book is for

    Conventions

    Reader feedback

    Customer support

    Downloading the example code

    Errata

    Piracy

    Questions

    1. Instant Website Optimization for Retina Displays How-to

    Creating your first Retina image (Must know)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Tips for creating images

    Pixels per inch and dots per inch

    Retina background images (Must know)

    How to do it...

    How it works...

    There's more...

    Optimizing (Must know)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Tips for creating repeating backgrounds

    Creating image sprites (Should know)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Tips for creating image sprites

    CSS border images (Should know)

    Getting ready

    How to do it...

    How it works...

    CSS media queries (Should know)

    Getting ready

    How to do it...

    How it works...

    There's more...

    CSS image-set (Become an expert)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Speed detection

    Using code instead of images (Must know)

    How to do it...

    How it works...

    There's more...

    Transparencies

    CSS button effects

    Embedding fonts (Should know)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Fonts as icons (Should know)

    Getting ready

    How to do it...

    How it works...

    There's more...

    High-resolution web apps (Should know)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Scalable Vector Graphics (Become an expert)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Canvas (Become an expert)

    How to do it...

    How it works...

    There's more...

    Pixel ratio detection with JavaScript (Become an expert)

    Getting ready

    How to do it...

    How it works...

    There's more...

    Loading only the correct image

    Targeting other high-density devices

    Server-side Retina solutions (Become an expert)

    Getting ready

    How to do it...

    How it works...

    Instant Website Optimization for Retina Displays How-to


    Instant Website Optimization for Retina Displays 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: January 2013

    Production Reference: 1160113

    Published by Packt Publishing Ltd.

    Livery Place

    35 Livery Street

    Birmingham B3 2PB, UK.

    ISBN 978-1-84969-512-1

    www.packtpub.com

    Credits

    Author

    Kyle J. Larson

    Reviewer

    Jan Rajtoral

    IT Content Commissioning Editor

    Grant Mizen

    Commissioning Editor

    Maria D'souza

    Technical Editor

    Worrell Lewis

    Project Coordinator

    Amigya Khurana

    Proofreader

    Aaron Nash

    Production Coordinator

    Prachali Bhiwandkar

    Cover Work

    Prachali Bhiwandkar

    Cover Image

    Sheetal Aute

    About the Author

    Kyle Larson is a self-taught web designer and front-end developer who has been passionate about the power of networks since he got his first modem at the age of 10. He studied art and design at the University of Minnesota while working for http://www.techies.com/, a job search start-up.

    Kyle is currently a Senior Web Designer, designing for a variety of brands, at Milestone AV Technologies in Minnesota. He also does freelance work with Emergent Networks and a variety of small businesses. When he's not buried in a web project, Kyle blogs about what he learns at http://www.kylejlarson.com/.

    I'd like to thank: My parents, Jim and Nancy, and my sister, Caitlin, for being the best family I could ask for and pretending to understand my technobabble. Steve and Barb for being fun and always supportive. Jessi for being all-around awesome and always understanding when my schedule gets crazy. My buddies Justin, Brian, Brandon, Danny, Andy, and Elliot for the great breaks from writing. Fore!

    About the Reviewer

    Jan Rajtoral, aka Gonzo the Great, is the founder of and designer at gonzodesign, a Dutch design studio providing design services across the full spectrum of graphic design and (responsive) web design.

    He also

    Enjoying the preview?
    Page 1 of 1