Instant Website Optimization for Retina Displays How-to
()
About this ebook
Related to Instant Website Optimization for Retina Displays How-to
Related ebooks
Instant RESS Implementation: How To Rating: 0 out of 5 stars0 ratingsInstant PageSpeed Optimization Rating: 0 out of 5 stars0 ratingsInstant Galleria How-to Rating: 0 out of 5 stars0 ratingsInstant HTML5 Responsive Table Design How-to Rating: 0 out of 5 stars0 ratingsInstant Magento Performance Optimization How-to Rating: 0 out of 5 stars0 ratingsMastering Sass Rating: 0 out of 5 stars0 ratingsInstant Responsive Web Design Rating: 5 out of 5 stars5/5Instant Jsoup How-to Rating: 0 out of 5 stars0 ratingsInstant 960 Grid System Rating: 0 out of 5 stars0 ratingsMobile Web Performance Optimization Rating: 0 out of 5 stars0 ratingsLearning Bootstrap Rating: 1 out of 5 stars1/5Instant Razor View Engine How-to Rating: 0 out of 5 stars0 ratingsResponsive Media in HTML5 Rating: 0 out of 5 stars0 ratingsINSTANT Fancybox Rating: 0 out of 5 stars0 ratingsC# 7 and .NET Core Cookbook Rating: 0 out of 5 stars0 ratingsBootstrap 4 Cookbook Rating: 0 out of 5 stars0 ratingsModern C++ Programming Cookbook Rating: 5 out of 5 stars5/5Instant jQuery Masonry How-to Rating: 0 out of 5 stars0 ratingsQt5 C++ GUI Programming Cookbook Rating: 0 out of 5 stars0 ratingsBuilding Impressive Presentations with Impress.js Rating: 4 out of 5 stars4/5PostgreSQL 11 Administration Cookbook: Over 175 recipes for database administrators to manage enterprise databases Rating: 0 out of 5 stars0 ratingsJavaScript Projects for Kids Rating: 0 out of 5 stars0 ratingsApache Spark 2.x Cookbook Rating: 0 out of 5 stars0 ratingsGetting Started with nopCommerce Rating: 0 out of 5 stars0 ratingsCisco ACI Cookbook Rating: 3 out of 5 stars3/5Instant Wijmo Widgets How-to Rating: 0 out of 5 stars0 ratingsLearning D3.js Mapping Rating: 0 out of 5 stars0 ratingsINSTANT JQuery Flot Visual Data Analysis Rating: 0 out of 5 stars0 ratingsInstant BrainShark Rating: 0 out of 5 stars0 ratingsLearning AngularJS Animations Rating: 4 out of 5 stars4/5
Applications & Software For You
How to Create Cpn Numbers the Right way: A Step by Step Guide to Creating cpn Numbers Legally Rating: 4 out of 5 stars4/5The Best Hacking Tricks for Beginners Rating: 4 out of 5 stars4/5Adobe After Effects: A Complete Course and Compendium of Features Rating: 0 out of 5 stars0 ratingsAdobe Illustrator: A Complete Course and Compendium of Features Rating: 0 out of 5 stars0 ratingsiPhone Photography For Dummies Rating: 0 out of 5 stars0 ratingsVlog Like a Boss: How to Kill It Online with Video Blogging Rating: 5 out of 5 stars5/5YouTube Channels For Dummies Rating: 3 out of 5 stars3/5Adobe Photoshop: A Complete Course and Compendium of Features Rating: 5 out of 5 stars5/5Blender 3D Basics Beginner's Guide Second Edition Rating: 5 out of 5 stars5/5Kodi User Manual: Watch Unlimited Movies & TV shows for free on Your PC, Mac or Android Devices Rating: 0 out of 5 stars0 ratingsLogic Pro X For Dummies Rating: 0 out of 5 stars0 ratingsAdobe InDesign CC: A Complete Course and Compendium of Features Rating: 0 out of 5 stars0 ratingsAdobe Premiere Pro: A Complete Course and Compendium of Features Rating: 0 out of 5 stars0 ratingsMastering ChatGPT Rating: 0 out of 5 stars0 ratingsExcel : The Ultimate Comprehensive Step-By-Step Guide to the Basics of Excel Programming: 1 Rating: 5 out of 5 stars5/5How Do I Do That In InDesign? Rating: 5 out of 5 stars5/5GarageBand For Dummies Rating: 5 out of 5 stars5/5The Unofficial Guide to Open Broadcaster Software: OBS: The World's Most Popular Free Live-Streaming Application Rating: 0 out of 5 stars0 ratingsLearning Robotics Using Python Rating: 0 out of 5 stars0 ratingsFL Studio Cookbook Rating: 4 out of 5 stars4/5Essential Affinity Photo 2 Rating: 0 out of 5 stars0 ratingsMatlab: A Practical Introduction to Programming and Problem Solving Rating: 4 out of 5 stars4/5Learn to Code. Get a Job. The Ultimate Guide to Learning and Getting Hired as a Developer. Rating: 5 out of 5 stars5/5The Chromebook Infused Classroom: Using Blended Learning to Create Engaging, Student-Centered Classrooms Rating: 0 out of 5 stars0 ratingsSix Figure Blogging In 3 Months Rating: 4 out of 5 stars4/5
Reviews for Instant Website Optimization for Retina Displays How-to
0 ratings0 reviews
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