Kindle Price: $22.39

Save $17.60 (44%)

Promotions apply when you purchase

These promotions will be applied to this item:

Some promotions may be combined; others are not eligible to be combined with other offers. For details, please see the Terms & Conditions associated with these promotions.

eBook features:
  • Highlight, take notes, and search in the book
  • In this edition, page numbers are just like the physical edition
Read with our free app
You've subscribed to ! We will preorder your items within 24 hours of when they become available. When new books are released, we'll charge your default payment method for the lowest price available during the pre-order period.
Update your device or payment method, cancel individual pre-orders or your subscription at
Your Memberships & Subscriptions

Buy for others

Give as a gift or purchase for a team or group.
Learn more

Buying and sending eBooks to others

  1. Select quantity
  2. Buy and send eBooks
  3. Recipients can read on any device

These ebooks can only be redeemed by recipients in the US. Redemption links and eBooks cannot be resold.
Kindle app logo image

Download the free Kindle app and start reading Kindle books instantly on your smartphone, tablet, or computer - no Kindle device required.

Read instantly on your browser with Kindle for Web.

Using your mobile phone camera - scan the code below and download the Kindle app.

QR code to download the Kindle App

Follow the author

Rob Larsen
Follow
Something went wrong. Please try your request again later.

Mastering SVG: Ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript 1st Edition, Kindle Edition

by Rob Larsen (Author) Format: Kindle Edition
See all formats and editions

Take the plunge and develop cross-browser-compatible and responsive web designs with SVG

Key Features

  • Master the art of custom animations and visualizations with SVG, CSS, and JavaScript
  • Combine SVG with third-party libraries and frameworks such as React, JQuery, D3, and Snap.svg for GUI-rich apps
  • Create an awesome user experience with high-performance graphics for your web applications

Book Description

SVG is the most powerful image format in use on the web. In addition to producing resolution-independent images for today's multi-device world, SVG allows you to create animations and visualizations to add to your sites and applications. The simplicity of cross-platform markup, mixed with familiar modern web languages, such as CSS and JavaScript, creates a winning combination for designers and developers alike.

In this book, you will learn how to author an SVG document using common SVG features, such as elements and attributes, and serve SVG on the web using simple configuration tips for common web servers. You will also use SVG elements and images in HTML documents.

Further, you will use SVG images for a variety of common tasks, such as manipulating SVG elements, adding animations using CSS, mastering the basic JavaScript SVG (API) using Document Object Model (DOM) methods, and interfacing SVG with common libraries and frameworks, such as React, jQuery, and Angular.

You will then build an understanding of the Snap.svg and SVG.js APIs, along with the basics of D3, and take a look at how to implement interesting visualizations using the library. By the end of the book, you will have mastered creating animations with SVG.

What you will learn

  • Deliver the elements that make up an SVG image
  • Replace your old CSS sprites with SVG
  • Understand animation and data visualization with SVG are explained in pure JavaScript and using common libraries
  • Use SVG to scale images across multiple devices easily
  • Harness the power of CSS animations and transformations to manipulate your SVG images in a replicable, remixable way
  • Interface SVG with common libraries and frameworks, such as jQuery, React, and Angular

Who this book is for

This book is for web developers and designers looking to add animation to their projects. Some experience with HTML, CSS, and JavaScript is required.

Table of Contents

  1. Introducing Scalable Vector Graphics
  2. Getting started with Authoring SVG
  3. Digging Deeper with SVG Authoring
  4. Using SVG in HTML
  5. Working with SVG and CSS
  6. JavaScript and SVG
  7. Common JavaScript Libraries and SVG
  8. SVG Animation and Visualizations
  9. Helper Libraries Snap.svg and SVG.js
  10. Working with D3.js
  11. Tools to Optimize your SVGs
Previous slide of product details
  1. ISBN-13
    978-1788626743
  2. Edition
    1st
  3. Publisher
    Packt Publishing
  4. Publication date
    September 21, 2018
  5. Language
    English
  6. File size
    14624 KB
  7. See all details
Next slide of product details
Due to its large file size, this book may take longer to download

Editorial Reviews

About the Author

Rob Larsen is an experienced front end engineer, team lead and manager. Since 1999 (that's Web 1.0, if you're keeping track) been building web sites and applications for some of the world's biggest brands.

Rob is an active writer and speaker on web technology with a special focus on the continuing evolution of HTML, CSS and JavaScript. He is co-author of Professional jQuery, the author of Beginning HTML and CSS and the author of The Uncertain Web, from O'Reilly. He's also an active member of the open source community.

In his career Rob has spent time at Sapient Global Markets, Isobar, The Brand Experience, Cramer and as an independent consultant. Over the course of his career Rob has solved unique problems for clients like Samsung, Motorola, Philips, Gillette, Boston's Museum of Science, and Harvard Kennedy School.

Product details

  • ASIN ‏ : ‎ B07C5YDPG4
  • Publisher ‏ : ‎ Packt Publishing; 1st edition (September 21, 2018)
  • Publication date ‏ : ‎ September 21, 2018
  • Language ‏ : ‎ English
  • File size ‏ : ‎ 14624 KB
  • Text-to-Speech ‏ : ‎ Enabled
  • Screen Reader ‏ : ‎ Supported
  • Enhanced typesetting ‏ : ‎ Enabled
  • X-Ray ‏ : ‎ Not Enabled
  • Word Wise ‏ : ‎ Not Enabled
  • Print length ‏ : ‎ 314 pages
  • Page numbers source ISBN ‏ : ‎ 1788626745
  • Customer Reviews:

About the author

Follow authors to get new release updates, plus improved recommendations.
Rob Larsen

Rob Larsen

Brief content visible, double tap to read full content.
Full content visible, double tap to read brief content.

Rob is an experienced front end engineer, author and open-source contributor.

Rob is an active writer on web technology with a special focus on emerging standards like HTML5, CSS3 and the ongoing evolution of the JavaScript programming language. He is co-author of Professional jQuery, the author of Beginning HTML and CSS, the author of The Uncertain Web, from O’Reilly, the author of Mastering SVG and co-author of The HTML and CSS Workshop.

A long-time open source contributor, Rob currently maintains HTML5-Boilerplate and administers the H5BP organization on GitHub.

Rob currently works as a software architect, leading an international team in the financial services industry. In his career Rob has spent time at Sapient Global Markets, Isobar, The Brand Experience, Cramer and as an independent consultant. Over the course of his career Rob has solved unique problems for clients like Samsung, Motorola, IBM, Philips, Gillette, Boston’s Museum of Science, and Harvard Kennedy School.

Customer reviews

4.1 out of 5 stars
7 global ratings

Top reviews from the United States

There are 0 reviews and 3 ratings from the United States

Top reviews from other countries

adamn
1.0 out of 5 stars This book is a collection of simple and not well explained examples.
Reviewed in Poland on May 16, 2022
Verified Purchase
If you are a person who knows HTML, CSS and Javascript, say, a professional frontend developer, this book is extremely boring, because most of the time you read things that introduce nothing new. If you just want to learn about SVG, the density of actually helpful content on SVG is around two lines per page. Moreover, things are not well explained, oftentimes book just gives you a property, a couple of values for this property, sample code, and shows how it renders. But what are the other supported values for this property? How exactly does it work? Why there is “Z” in the code here? No details provided. And so, you not only learn very little but you are also left wondering about the details of what you just read about. Did I really buy this book so that I have to google for the details every other page? Certainly, with this book you won’t master anything.

Here is a quote to reflect book’s attitude: “This is probably enough for you to get by using these properties”. Really? Well, if I was a high school student, maybe. But if you are a professional who likes to understand what he is doing, then “just having probably enough to get by using something” is seriously underwhelming.
Report

Report an issue


Does this item contain inappropriate content?
Report
Do you believe that this item violates a copyright?
Report
Does this item contain quality or formatting issues?
Report