HTML/CSS

Спойлер на CSS, без JavaScript

Без JS сайты быстрее и надёжнее.
Вот как делать динамический элемент на CSS. По кнопке <label>Кнопка</label> открывается блок .spoiler_body.

Респонсивный видеоплеер. CSS адаптивных видео

Адаптивный дизайн на Drupal - это ещё и адаптивный видеоплеер. Предложенные здесь css-коды для Drupal 7 и Drupal 8 делают респонсивным плеер с именами классов Video Embed. Вы можете переписать эти примеры css для видео внутри текстовых полей и любых других имён классов (не только друпал).

Все модули вставки видео на Drupal

Вставлять видео из YouTube и Vimeo очень удобно с модулем Video Embed Field. Этот модуль позволяет выбирать стиль отображения поля типа Video Embed, создавать и управлять этими стилями. В настройках каждого стиля можно задать:

Drupal Commerce - базовые понятия. Стилизуем товары в каталоге

Drupal: 
Уровень сложности: 

Drupal Commerce - мощный модуль, позволяющий работать с товарами и отдельными полями: выводить нужные поля в требуемом формате, стиле.

Вместе с Views можно отображать товары в каталоге с различными фильтрами, форматами отображения, выводить только нужные поля. Рассмотрим несколько примеров.

..статья в процессе наполнения разичными техниками, по мере возможности будут добавляться новые рекомендации...

Полезные сервисы для разработчика и дизайнера. CSS и JS

Сервисы отправки e-mail с сайт через встроенные формы

http://emailmeform.com - удобный сервис отправки сообщений через сайт. Создайте форму, редактируйте дизайн, поля, получателей уведомлений и вставьте на сайт JavaScrit-код или ссылку на форму. Отправляет письма через сайт, используя свой почтовый сервер, при успешной отправке показывает сообщение или переадресует на нужный url. Имеет защиту reCaptcha, которую можно отключить или выбрать способ проверки.

 

Адаптивный дизайн сайта на Drupal 7

Подробная статья о преимуществах адаптивных сайтов, использовании инструментов разработчиков. Предлагаем обзор инструментов разработчиков: сервисов тестирования сайтов на устройствах, также рекомендации Google, ссылки на адаптивные шаблоны Drupal 7, модули Друпал, которые делают сайт адаптивным, удобным, как редактировать шаблон и верстать свой макет.

Подписаться на Front page feed