Responsive Design
This is a clearing house page for issues, projects and modules related to the effort to update Drupal with support for modern responsive web design techniques.
Projects
This initiative aims to bring unity to a system of disjointed output components (blocks, page callbacks, menus, theme settings, and more) and provide a standardized mechanism of output, new tools for placing content on a page, and a potential for performance gains amongst other benefits. (source)
Breakpoints, centralized breakpoint management.
Issues
#1077094: Make Bartik a responsive design - meta issue
#1170478: Responsive Images
#1276908: Administrative tables are too wide for smaller screens
#1510532: [META] Implement the new create content page design
#1621594: Media Query Detection
#1671844: Add support for picture tag
#1677196: Build out a static prototype of the layout editor
#1690216: UX Improvements
#1693036: Responsive layouts & responsive images: both need breakpoints
#1701112: Advanced responsive images UI/UX for breakpoints
#1701116: Responsive Images UI/UX: Image styles
#1734642: Move breakpoint module into core
#1775302: Do a UX review of Breakpoint module
#1775530: Move picture into core
#1775774: Allow themes to identify their breakpoints to Drupal
#1776236: Split breakpoints into API and UI module
Concepts, theory and announcements
- Spark project update: responsive layouts in Drupal by Dries Buytaert
- http://unstoppablerobotninja.com/entry/fluid-images
- http://www.alistapart.com/articles/responsive-web-design/
- https://github.com/filamentgroup/Responsive-Images
- http://drupal.org/project/cs_adaptive_image
- http://filamentgroup.com/lab/responsive_images_experimenting_with_contex...
- http://blog.keithclark.co.uk/responsive-images-using-cookies/
- http://adaptive-images.com/
- http://www.cloudfour.com/responsive-imgs/
- http://www.cloudfour.com/responsive-imgs-part-2/
- http://www.cloudfour.com/responsive-imgs-part-3-future-of-the-img-tag/
- http://blog.cloudfour.com/other-mobile-first-responsive-web-design-chall...
- http://www.slideshare.net/yiibu/adaptation-why-responsive-design-actuall...
Modules
Responsive Images and styles
Layout
Adaptive Image
Adaptive Image Styles
Client-side adaptive image
Borealis
Grid Builder
Breakpoints
Demos and proof-of-concepts
Responsive-Ready Base themes
Adaptive Theme
Artica
Aurora
Boilerplate
Mother Ship
Omega
Sasson
Zen
Related discussions
Discussion of what responsive design is.
Groups post about what responsive base theme folks are using.
Help improve this page
You can:
- Log in, click Edit, and edit this page
- Log in, click Discuss, update the Page status value, and suggest an improvement
- Log in and create a Documentation issue with your suggestion
