Managing Visual Assets

Grunt 4    |    Intermediate
  • 5 Videos | 27m 39s
  • Includes Assessment
  • Earns a Badge
Likes 7 Likes 7
In addition to JavaScript, HTML, and CSS files, you can also use Grunt with visual assets. Discover how to use Grunt to minimize web image assets, including images and Scalable Vector Graphics (SVG).

WHAT YOU WILL LEARN

  • use imagemin to reduce the transmitted size of images in your web project
    use Grunt to control a number of tools to enable responsive image sizing in your web project
    use spritesmith in Grunt to optimize image loading times
  • use svgmin to minimize the size and load time of SVG images
    use Grunt to manage SVG sprites and icon fonts and reduce page load requests

IN THIS COURSE

  • Playable
    1. 
    Using imagemin with Grunt
    5m 5s
    UP NEXT
  • Playable
    2. 
    Using Grunt to Manage Responsive Images
    6m 34s
  • Locked
    3. 
    Using spritesmith with Grunt
    5m 1s
  • Locked
    4. 
    Using svgmin to Reduce SVG file Size
    5m 17s
  • Locked
    5. 
    SVG Icons and Sprites
    5m 43s

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion of this course, which can be shared on any social network or business platform

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

CHANNEL HTML5 & CSS3
Likes 296 Likes 296  
Likes 107 Likes 107  
CHANNEL MEAN.js
Likes 3 Likes 3