totpunk: responsive web design

Sort by: Date / Title / URL

  1. Arctica takes the next step in facilitating responsive web design in Drupal. It works in the background, providing Drupal with a layout system via the Skinr module and its own CSS management system. But unlike other base themes it doesn’t stop there; The Arctica Configurator (aka theme settings form) provides an entirely new interface that reduces the complexity of responsive design by showing and telling what is happening in the background, when your website is elegantly adapting to and infinite number of screen sizes.
  2. Lösung die auch ohne JavaScript funktioniert, aber richtig übel
  3. Respond.js is a CSS3 media query polyfill for IE 6-8, delivering lightweight, fast support for min-width and max-width.
  4. The Adaptive image module provides device-appropriate versions of images from your fields.You can activate adaptive images by adding an adaptive effect to any of your image styles.
  5. This module integrates the Responsive Images library created by Filament Group.The purpose of this library is to load images in different sizes based uponthe resolution of the browser loading the page. This allows for mobile-optimized images.This module provides a "Responsive Images" image field formatter for which you can selectboth a small (mobile-optimized) image style as well as a large (for normal screens) image style.
  6. A com­mon prob­lem in respon­sive design is the link­ing of CSS3’s media queries and JavaScript. For instance on a larger screen we can restyle, but it might be use­ful to use JavaScript and pull in dif­fer­ent con­tent at the same time, e.g. higher qual­ity images. With CSS tran­si­tions, specif­i­cally their tran­si­tio­nEnd events, we can marry up our media queries and JavaScript per­fectly, with­out resort­ing to win­dow resize events.

First / Previous / Next / Last / Page 2 of 4