Managing Visual Assets

Grunt 4    |    Intermediate
  • 5 Videos | 30m 9s
  • Includes Assessment
  • Earns a Badge
Likes 6 Likes 6
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

Likes 3 Likes 3  
CHANNEL Sketch
Likes 16 Likes 16  
CHANNEL Wintellect MEAN
Likes 0 Likes 0