SlideShare is now on Android. 15 million presentations at your fingertips.  Get the app

×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Responsive Images and Drupal: Twin Cities Drupal Camp 2013

by on Jul 19, 2013

  • 1,946 views

Video of this talk: http://www.youtube.com/watch?v=Zo_TTvV6DC4 ...

Video of this talk: http://www.youtube.com/watch?v=Zo_TTvV6DC4

One of the challenges posed by fluid, responsive designs is how to provide quality images that download quickly. We’ll look at the challenges at finding a good solution, and the problems with some of the solutions available.

The primary solution we will look at is the proposed picture element, which allows us to provide several images at various sizes and resolutions, with the appropriate image selected with media queries.

We will also examine how to determine the sizes for the images you use in the picture element and touch on how to make video appear at the correct aspect ratio no matter the size of its container, using padding.

Most importantly, we’ll look at options for how to implement responsive images in Drupal, particularly through the Picture and Breakpoint modules. We’ll also look at ways to use responsive images in conjunction with fields, Views and WYSIWYG editors.

Statistics

Views

Total Views
1,946
Views on SlideShare
1,720
Embed Views
226

Actions

Likes
2
Downloads
7
Comments
0

3 Embeds 226

https://twitter.com 216
http://eventifier.co 8
http://demos.thereisamoduleforthat.com 2

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
Post Comment
Edit your comment

Responsive Images and Drupal: Twin Cities Drupal Camp 2013 Responsive Images and Drupal: Twin Cities Drupal Camp 2013 Presentation Transcript