Index
A
Animating chart content
animate segments
button.text() property
buttonX.click() event handler
.circle-front and @keyframes rules
donut chart
jQuery
jQuery-based plug-in
Snap.svg
static charts
stroke-dashoffset effect
Animating content
animatecss.html
creation, clock
CSS animation
cubic-bezier curve
Developer Console
dissection
easing effect
flying birds demo
Google Chrome
image
JavaScript
managing multiple animations
moving content
requirements
Snap.svg
SVG
third-party libraries
transforming SVG elements
video
B
Background effect
Bezier curve
C
CanIUse.com
Charts
amcharts.js
bar chart
benefits
chart interactive
create segment effect
CSS style sheet
donut charts
gradient
infographics
library options
line chart
pie chart
radius and viewBox
ring chart
segments
sparkline chart
stroke-dasharray
stroke-dashoffset value
transform() command
transform statements
translate command
viewBox values
Circles
and ellipses
gauge
Clip-paths
Coordinate grid system
CSS backgrounds
D
Data-uris
Donut charts
drawPieChart plug-in
E
Ellipses
F
Fallback support
adding
CSS error handling
icon system
image
inline support
interactive
no feedback
<picture> tag
text
Filters
Adobe Photoshop
animation
benefits, SVG
blending and merging
changing color
colors
creation
CSS animation
CSS filters
feColorMatrix
feGaussianBlur primitive
Filter Effects library
filters à la Instagram
manipulating content
Phalaenopsis
style sheet
SVG primitives
watercolors
WordPress
G, H
Gauge, circular
code dissecting
create
GaussianBlur
Gaussian filter
Gradients
create
linear
radial
I
Icon system
Images
adding videos
benefits
data URIs
exporting
HTML markup
HTML5 video
icons
implementation
inserting
optimization process
PNG/JPEG image
process automation
string of characters
SVG images
SVGMarker object
SVG mask
<symbol> element
J
jQuery
K
Kiwi bird image
L
Lines, polylines, and polygons
M, N, O
Markers
Mozilla Developer Network (MDN)
P, Q
Painting elements
Paths and markers
Pattern effects
to CSS backgrounds
updated version
Philter
Polylines and polygons
R
Radial gradients
Rectangles
S
Scalable vector graphics (SVG)
accessibility
adaptive/responsive
align-center icon
animating borders
assessing performance
cleanupNumericValues plug-in option
code
Codepen demo
comparing image formats
.container div
content responsive
coordinate system
data URIs
desktop support for
dissection
downloading
element
exporting
group elements
Gruntfile.js file
GSAP
height and width attributes
imageContainer class
impact of scaling
lazy loading
libraries
Anime.js
D3.js
filters
JavaScript
limitations/constraints
list
non-desktop environments
power and flexibility
Snap.svg
third-party libraries
Vivus
media queries
micro-optimize content
mobile support for
morph.to method
Node.js-based tool
Node.js’ File System module
optimization process
command-line operation
Grunt
installing grunt-svgmin
Node.js
package.json file
previewing
results of
testing
overlapping
parting shot
panning and zooming images
tilting UI effect
tracking progress
pitfalls
ractive script code
ratio
<rect> element
rules
scalability
scaling toolbox
single div, placeholder
SVGOMG tool
SVGO online
SVGO Properties
svgToMiniDataURI module
template-based charts
toolbox to use
updating
viewBox implementation
web images
working environment
Shapes
circles and ellipses
classic gauge
clip-paths
gauge
lines, polylines, and polygons
paths and markers
squares and rectangles
unusual shapes
Sparkline chart
Squares and rectangles
SVG,
see
Scalable Vector Graphics (SVG)
T
Text
adding
effects
Tiltshift.js
U, V
Unusual shapes
W, X, Y, Z
Work-in-progress approach
..................Content has been hidden....................
You can't read the all page of ebook, please click here login for view all page.