Instant Website Optimization for Retina Displays How-to电子书

Instant Website Optimization for Retina Displays How-to

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