Модули и темы для адаптивного дизайна Друпал сайта

 

Темы, которые помогут в разработке:

http://drupal.org/project/omega
http://drupal.org/project/zen
http://drupal.org/project/adaptivetheme
http://drupal.org/project/responsive
http://drupal.org/project/arti
http://drupal.org/project/fbg
http://drupal.org/project/mothership
http://drupal.org/project/professional_theme
http://drupal.org/project/fontfolio
http://drupal.org/project/tb_sirate
http://drupal.org/project/best_responsive
http://drupal.org/project/responsive_blog
http://drupal.org/project/responsive_business

Модули, тем или иным образом связанные с адаптивной разработкой:

https://drupal.org/project/responsive_menus - модуль для создания мобильного меню
https://drupal.org/project/responsive_navigation - модуль для создания мобильного меню
https://drupal.org/project/fitvids - подгоняет размер видео под размер экрана
https://drupal.org/project/footable - использует возможности jQuery-плагина http://themergency.com/footable для отображения таблиц на сайте
http://drupal.org/project/fit_text - адаптирует размер шрифта под размер родительского элемента
http://drupal.org/project/flexslider - резиновый слайдер, работает с views slideshow как подмодуль, добавляет стилевой плагин для views
http://drupal.org/project/ais - подгоняет размер картинок в зависимости от размера окна (использует принцип http://adaptive-images.com)
http://drupal.org/project/resp_img - подгоняет размер картинок в зависимости от размера окна
http://drupal.org/project/adaptive_image - меняет размер картинок в зависимости от экрана устройства (не работает, если менять размер окна браузера)
http://drupal.org/project/cs_adaptive_image - адаптивные картинки на клиентской стороне, видимо через javascript
http://drupal.org/project/media_responsive - подгоняет картинки для модуля media
http://drupal.org/sandbox/iaminawe/1635888 - модуль Slabtext, в sandbox
http://drupal.org/project/ideal_comments
http://drupal.org/project/views_fluid_grid - стилевой плагин для Views, можно создать резиновую галерею
http://drupal.org/project/views_fluidgrid - стилевой плагин для Views, создание галереи картинок с разными значениями ширины и высоты (http://masonry.desandro.com/)
http://drupal.org/project/views_slideshow_liquidcarousel - модуль Views Slideshow Liquid Carousel: ликвидная карусель
http://drupal.org/project/Bendy - модуль Bendy: создание ликвидных ротаторов, слайдеров, каруселек
http://drupal.org/project/responsive_background
http://drupal.org/project/breakpoints

Статьи, связанные с адаптивной разработкой, а также другие полезные ссылки:

http://habrahabr.ru/post/125247/
http://habrahabr.ru/post/142120/
http://mediaqueri.es/
http://www.w3.org/TR/css3-mediaqueries/
http://drupal.org/node/1388492
http://www.slideshare.net/4nd3rsen/ress-responsive-design-server-side-co...
http://www.alistapart.com/articles/fluid-images
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-...
http://modulesunraveled.com/responsive-images/part-1-installation
http://coldfrontlabs.ca/blog/adaptive-images-and-drupal-7
http://coldfrontlabs.ca/blog/creating-responsive-image-slider-galleries-...
http://www.frequency-decoder.com/demo/slabText/
http://drupal.org/node/1386252
http://caniuse.com/#search=media%20queries
http://code.google.com/p/css3-mediaqueries-js/
http://www.quirksmode.org/m/css.html#t021
http://london2011.drupal.org/conference/sessions/adaptive-responsive-mob...
http://logvi.ru/development/html-css-coding/adaptivnye-izobrazheniya-dly...
http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video

Тестирование сайта

http://www.responsinator.com
http://wedeal.ru/blog/kak-testirovat-adaptivnyiy-dizayn/
http://quirktools.com/screenfly/

 

Автора автора