Instant Website Optimization for Retina Displays How-to

Learning simple techniques which will make your website look stunning on high-definition Retina Displays
Preview in Mapt

Instant Website Optimization for Retina Displays How-to

Kyle J. Larson

Learning simple techniques which will make your website look stunning on high-definition Retina Displays
Mapt Subscription
FREE
$29.99/m after trial
eBook
$9.10
RRP $12.99
Save 29%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$9.10
$29.99 p/m after trial
RRP $12.99
Subscription
eBook
Start 30 Day Trial

Frequently bought together


Instant Website Optimization for Retina Displays How-to Book Cover
Instant Website Optimization for Retina Displays How-to
$ 12.99
$ 9.10
Full Stack Angular for Java Developers Book Cover
Full Stack Angular for Java Developers
$ 39.99
$ 28.00
Buy 2 for $26.60
Save $26.38
Add to Cart

Book Details

ISBN 139781849695121
Paperback56 pages

Book Description

Apple launched its line of high-resolution, retina display products with the iPhone 4 and has continued to integrate the technology into its other products. These beautiful displays take computing to a new level with incredibly sharp text and graphics. As other manufacturers add similar displays to their devices, high-resolution graphics will become the new standard for the apps and websites of the future.

"Instant Website Optimization for Retina Displays How-to" is a comprehensive guide to building a website that will look fantastic on high-resolution displays. Helpful insights and simple instructions walk you through all the various methods of optimizing your site for the latest mobile and desktop devices.

This book begins by covering the basics of retina images and dives right into practical advice so you can start improving your website’s images. It continues building on the basic techniques with simple recipes covering all the tools you’ll need to make an impressive high-resolution website.

We will take a look at the techniques for adding retina backgrounds, sprites, border images, and loading large images only when needed to keep your website running fast. We will create a variety of basic shapes and styles using CSS that can be used instead of graphics in your user interface. We’ll cover scalable image techniques, including using fonts as icons and implementing Scalable Vector Graphics (SVG), which make your graphics look great on any device.

After reading "Instant Website Optimization for Retina Displays How-to" you’ll have the techniques to make creating high-definition websites easy. You’ll have an arsenal of tools for creating graphics on the web at your disposal, leading to superior websites that are beautiful and fast.

Table of Contents

Chapter 1: Instant Website Optimization for Retina Displays How-to
Creating your first Retina image (Must know)
Retina background images (Must know)
Optimizing (Must know)
Creating image sprites (Should know)
CSS border images (Should know)
CSS media queries (Should know)
CSS image-set (Become an expert)
Using code instead of images (Must know)
Embedding fonts (Should know)
Fonts as icons (Should know)
High-resolution web apps (Should know)
Scalable Vector Graphics (Become an expert)
Canvas (Become an expert)
Pixel ratio detection with JavaScript (Become an expert)
Server-side Retina solutions (Become an expert)

What You Will Learn

 

  • Create retina images, backgrounds, and borders
  • Use CSS to create shapes and buttons for user interfaces
  • Design retina image sprites to speed up your site
  • Embed unique fonts and use them as graphics
  • Make your web apps high-resolution with icons and startup images
  • Use JavaScript and PHP to detect retina displays and target them
  • Create resolution independent images using SVG
  • Use media queries and the image-set property to provide multiple versions of your images

 

Authors

Table of Contents

Chapter 1: Instant Website Optimization for Retina Displays How-to
Creating your first Retina image (Must know)
Retina background images (Must know)
Optimizing (Must know)
Creating image sprites (Should know)
CSS border images (Should know)
CSS media queries (Should know)
CSS image-set (Become an expert)
Using code instead of images (Must know)
Embedding fonts (Should know)
Fonts as icons (Should know)
High-resolution web apps (Should know)
Scalable Vector Graphics (Become an expert)
Canvas (Become an expert)
Pixel ratio detection with JavaScript (Become an expert)
Server-side Retina solutions (Become an expert)

Book Details

ISBN 139781849695121
Paperback56 pages
Read More

Read More Reviews

Recommended for You

Instant HTML5 Responsive Table Design How-to Book Cover
Instant HTML5 Responsive Table Design How-to
$ 12.99
$ 9.10
Mobile First Design with HTML5 and CSS3 Book Cover
Mobile First Design with HTML5 and CSS3
$ 20.99
$ 14.70
Google Maps JavaScript API Cookbook Book Cover
Google Maps JavaScript API Cookbook
$ 26.99
$ 18.90
Instant Google Map Maker Starter Book Cover
Instant Google Map Maker Starter
$ 9.99
$ 7.00
Instant HTML5 Fonts and Typography Book Cover
Instant HTML5 Fonts and Typography
$ 12.99
$ 9.10
Responsive Media in HTML5 Book Cover
Responsive Media in HTML5
$ 14.99
$ 10.50