▄▄▄ ▄▄▄
█████▄ ▄▄▄ ▄█████
▄▄▄▄ ▀█████ ▄▄█▓█████▄▄ █████ ▄▄▄ ▄▄▄▄
▄██████████▄████▓ █████████████ ████ ▄█████ ██████
███▓▀▀▀▀█████▓████ █████▀ ▀████▓ ▓███ ▄██▄ █████▓ ▓██████
░▓███▄ ▄████ ████ █████▓ ▓█████▓███ ████ ██████▄ ▄██████▓
████████████▀ ████ █████ █████████ ████▄██▄███████▄███▀████▓
▀███▄ ▄▄▄ ▄████▀ ▓████ █████████ ████████▓███ ▀██▓▀ ████
▀███▄████▄█████ ██████ ████▓█████▄▓████ ▀▀ ████ ▀ ████
▄████▄ ▀▀████████▓ ███████ ▓▓██▀███▀ ▀██████▄██▄ ███ ████
█████████ ▀█▓▀ █████▄▄ ░▓███████▄▄▄████▄██▓ ▀████████████ ████
██████████▄ ▄▄ ▀▀█████▄▄▓████▀███████▀▄███ ▄▄ ████████████ ▓▄▄▄▄ ████▓░
▓█████████████▓▓█▄▄ ▀▀▓▓█████▓░ ▀▀▀ ▄ ▀████▄ ▀██ ████████████ ████▀ ▄███▓
▀███▓▓▓█████████████▄▄▄ ▀▀███▀ ▄███████▄ ▀▀███▄ ▓ ███▓███▓████ ▓█▀ ▄███▀▀
▀▀▀ ▀▀▀▓▓███▄▄▄▄▄███████▀▀▀▀▓ ▀▀ ███▓ ▀▀ ████ ▀ ▀▓▓█▄▄
▀▀▀▀▀▀ ▀▀ ▀██▀ ▀▀▀▀▀
RELEASE NAME....: Lynda.com.Web.Icons.with.SVG-ELOHiM
RELEASE DATE....: 2016-08-08
RELEASE SIZE....: 19x15Mb
FORMAT..........: Bookware
LANGUAGE........: English
URL.............: http://www.lynda.com
As designers and developers of the web, we want graphics to look sharp,
but we need to keep file sizes down for performance. How do you get the
best of both worlds? There is pretty much only one way to go: SVG.SVG is
an XML-based method for instructing the browser to draw scalable vector
graphics based on defined shapes and coordinates. The challenge with SVGs
is they are not like other graphic files: Rather than a grid of pixels,
they are code instructions interpreted by the browser on the fly. This
poses some unique challenges and unique opportunities when it comes to
implementation. In this course, you'll learn various methods to deploy SVG
icons in webpages, each with its own use cases, benefits, and drawbacks.
Morten Rand-Hendriksen shows how to insert individual SVG images, add SVGs
as inline elements and SVG sprites via the command line, and automate SVGs
with Grunticon. Plus, get tips on making your graphics backward-compatible
and accessible, and using SVG icons in WordPress.
Topics include:
* SVG vs. icon fonts
* Getting existing SVG icons
* Creating your own icons
* Adding individual SVG icons to webpages
* Adding SVG as an inline element or background image
* Using external and inline SVG sprites
* Automating SVG generation with Grunticon
* Using SVG icons in WordPress
Subjects: Web, Web Design, Web Development, CSS, HTML
Author: Morten Rand-Hendriksen
Level: Intermediate
Duration: 1h 44m
Released: 8/4/2016