Managing Visual Assets
Grunt 4
| Intermediate
- 5 videos | 27m 39s
- Includes Assessment
- Earns a Badge
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 5sIn this video, find out how to use imagemin to reduce the size of images in your web project. FREE ACCESS
-
6m 34sLearn how to use Grunt to control a number of tools to enable responsive image sizing in your web projects. FREE ACCESS
-
3. Using spritesmith with Grunt5m 1sIn this video, find out how to use spritesmith in Grunt to reduce image loading times. FREE ACCESS
-
4. Using svgmin to Reduce SVG file Size5m 17sIn this video, find out how to use svgmin to reduce the size and load time of SVG images. FREE ACCESS
-
5. SVG Icons and Sprites5m 43sIn 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.
