Managing Visual Assets

Grunt 4    |    Intermediate
  • 5 videos | 27m 39s
  • Includes Assessment
  • Earns a Badge
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
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

  • 5m 5s
    In this video, find out how to use imagemin to reduce the size of images in your web project. FREE ACCESS
  • 6m 34s
    Learn how to use Grunt to control a number of tools to enable responsive image sizing in your web projects. FREE ACCESS
  • Locked
    3.  Using spritesmith with Grunt
    5m 1s
    In this video, find out how to use spritesmith in Grunt to reduce image loading times. FREE ACCESS
  • Locked
    4.  Using svgmin to Reduce SVG file Size
    5m 17s
    In this video, find out how to use svgmin to reduce the size and load time of SVG images. FREE ACCESS
  • Locked
    5.  SVG Icons and Sprites
    5m 43s
    In this video, find out how to use Grunt to manage SVG sprites and icon fonts, and reduce page load requests. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

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

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Channel Wintellect Knockout.js
Channel PhoneGap
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Channel HTML5 & CSS3
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)