Updated Apr 17, 2015 With stunning new screens like the Apple Retina display coming onto the market, many designers want to learn how to make their sites retina-ready. This course provides several options for optimizing graphics and other content so that it looks great on retina (or HiDPI) and non-retina displays alike. Author Brian Wood covers incorporating icon fonts and favicons, optimizing SVG and inline images, and displaying responsive images using CSS, javascript, and the PictureFill polyfill solution.
Topics include:
*What is HiDPI?
*Adding your first icon font
*Adding hover states and animation
*Working with SVG files
*Creating favicons
*Displaying HiDPI images
Bookmarks