Retina displays and high-pixel-density screens have changed how images and graphics are displayed. In this video, you learn about how it changes how developers build websites.
- [Instructor] Designing and developing websites…have changed as more screen sizes…are introduced into the market.…When Apple introduced their Retina Display,…that also changed how we developed websites.…Retina Display is a term trademarked by Apple,…and is used to describe their high-pixel density screens.…Apple introduced the Retina Display in 2010…with their iPhone 4,…and later in 2012,…it was incorporated into their iPad 3,…MacBook Pro, and iMac.…Now all of Apple's products have Retina Display…except the MacBook Air.…
Before we get into more detail about Retina Displays,…let's talk a little bit more about pixels.…Each pixel is basically a small square,…which contains its own brightness level and color.…Together, the pixels are combined to make a graphic.…Pixel density refers to how many pixels are contained…within a space,…usually measured by pixels per inches, PPI,…or sometimes referred to as dots per inch, DPI.…Retina Displays have double the number of pixels per inch,…so in this example,…the Retina Display can fit two pixels…
- Designing with a grid
- Working with a flexbox
- Retina and high-density displays
- Raster and vector graphics
- Retina and images
- Animation and shapes
- CSS3 keyframes and animation
- CSS shapes
- CSS shape functions
- Responsive typography
- Fluid typography
- Accessibility and ARIA
- Style guides for CSS
Skill Level Intermediate
2. Retina Displays and Images
3. Animation and Shapes
4. Tools and Tips
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.