2012
pluralsight.com
Robert Boedigheimer
2h39m
English
Images are a central part of virtually every web site. Learn the various types of images and when each is appropriate. Review some useful jQuery plugins and CSS 3 features related to images. Study the performance impact of images and how to use the most efficiently. Learn how to use images with responsive web design techniques and high pixel density displays.
Introduction 00:43:43
Overview 00:52
Paint.NET 01:17
Paint.NET Demo 02:54
Corel PaintShop Pro 01:30
Corel PaintShop Pro Demo 01:51
Image Types 02:04
JPEG 03:33
JPEG Demo 08:19
GIF 01:34
PNG 02:44
PNG Demo 03:10
WEBP 01:48
WEBP Demo 01:28
SVG 01:39
03:24
Demo 04:54
Summary 00:42
jQuery Plugins and CSS 3 00:38:32
Overview 01:12
jQuery Cycle Plugin 00:40
jQuery Cycle Plugin Demo 01:58
jQuery Carousel Plugin 00:38
jQuery Carousel Plugin Demo 02:20
jQuery Zoom Plugin 00:38
jQuery Zoom Plugin Demo 01:26
jQuery Overlays Plugin 00:25
jQuery Overlays Plugin Demo 01:29
jQuery LazyLoad Plugin 02:31
jQuery LazyLoad Plugin Demo 02:25
Disable Right Click 00:46
Disable Right Click Demo 00:57
CSS 3 01:49
Browser/Vendor Prefixes 01:54
Fallbacks 01:29
Polyfills 01:11
Rounded Corners 02:40
Rounded Corners Demo 00:57
Opacity 00:35
Opacity Demo 04:43
Multiple Backgrounds 00:28
Multiple Backgrounds Demo 00:38
Icon Fonts 00:41
Icon Fonts Demo 03:05
Summary 00:57
Performance 00:32:34
Overview 01:00
Fiddler 01:12
Fiddler Demo 01:59
Image Optimization 02:04
Content Expirations 02:33
Content Expirations Demo 01:36
CSS Sprites 01:28
CSS Sprites Demo 03:46
Image Maps 01:11
Image Maps Demo 01:48
Data URI 01:59
Data URI Demo 02:03
CDN 01:26
CDN Demo 02:27
Multiple Domains 02:19
Multiple Domains Demo 00:59
Favicon Caching 00:43
Favicon Caching Demo 00:42
Summary 01:19
Miscellaneous 00:45:05
Overview 01:24
Aspect Ratios 00:19
Aspect Ratios Demo 00:46
Responsive Images 02:32
Responsive Images (cont.) 02:17
Responsive Images Demo 09:42
High Pixel Density Displays 03:18
High Pixel Density Displays Demo 03:58
Design Placeholders 00:52
Design Placeholders Demo 01:02
Watermarks 01:24
Watermarks Demo 01:13
Upload Images 01:12
Upload Images Demo 01:55
Where to Get Images 00:45
Chart Controls 00:42
Chart Controls Demo 00:43
System.Net.Drawing 00:28
System.Net.Drawing Demo 01:04
HTML5 Canvas 01:26
HTML5 Canvas Demo 01:20
Windows 7 Snipping Tool 00:28
Windows 7 Snipping Tool Demo 00:25
Flickr 00:28
Flickr Demo 00:48
Cool 00:17
Cool Demo 03:18
Summary 00:59
http://www.pluralsight.com/training/Courses/TableOfContents/dev-guide-to-images

Download File Size:174.45 MB

---