Поиск по блогу

Yii2. Валидация формы. Часть 1

После заполнения полей формы на сайте, необходимо проверить правильность введенных данных. Правила валидации полей формы описываются в методе rules() модели формы. Данный метод должен возвращать массив, в котором к свойствам модели (полям формы) применены те или иные валидаторы.
Категория: Web-разработка • Yii2 и Laravel

Анимация элементов страницы

Animate.css — библиотека CSS3-эффектов анимации, созданная на самом же CSS3. На официальном сайте можно посмотреть все возможные для этой библиотеки эффекты и подобрать подходящий в выпадающем списке. Использовать библиотеку очень легко — достаточно скачать и подключить файл animate.css и добавить классы animated…
Категория: Web-разработка • HTML и CSS
Теги: CSS • HTML • JavaScript • Верстка

CSS. Flexbox верстка

Модель flexbox-разметки связана с определенным значением CSS-свойства display родительского элемента (flex-контейнер), содержащего внутри себя дочерние блоки (flex-элементы). После установки значения flex каждый дочерний элемент автоматически становится flex-элементом, выстраиваясь в ряд (вдоль главной оси) колонками одинаковой высоты.
Категория: Web-разработка • HTML и CSS

CSS. Единицы измерения vh, vw

В CSS3 были добавлены новые относительные единицы измерения vh и vw, которые вычисляются относительно размеров окна браузера. Для настольных компьютеров ширина окна браузера больше ширины области просмотра (добавляется ширина скроллбара), поэтому если для элемента установить ширину 100vw, то он выйдет за пределы html.
Категория: Web-разработка • HTML и CSS

Отслеживание активности вкладки браузера

С недавнего времени в новых браузерах появилось Page Visibility API, которое позволяет узнать, находится ли страница в активной вкладке браузера. Свойство visibilityState объекта document может принимать значение visible, hidden или prerender. C visible и hidden все понятно, а prerender означает, что страница находится в состоянии отрисовки.

Передача данных между вкладками браузера

Весьма распространенная ситуация, когда у пользователя в браузере открыты несколько страниц одного сайта в разных вкладках. Соответственно, может возникнуть ситуация, когда необходимо синхронизировать данные между этими страницами. Удобнее всего отслеживать событие storage объекта window, которое происходит в момент…

Битрикс. Что такое FUSER_ID

Идентификатор покупателя (так называемый FUSER_ID) уникальный для каждого посетителя, открывшего сайт. Он у него живет в cookie, даже если он еще не делал ничего. Он позволяет работать с корзиной не авторизованным пользователям. Корзина привязывается не к идентификатору пользователя сайта, а к идентификатору покупателя магазина.

Битрикс. Типы цен и наценки

Для работы интернет-магазина необходимо установить цены, с которыми он будет работать. Если позволяет редакция продукта, то в каталоге можно использовать несколько типов цен, но при этом один из типов цен является базовым. Базовая цена — это цена, относительной которой рассчитываются все остальные цены системы.

Битрикс. Как переместить фильтр в шаблоне

Описанный ниже метод основан на технологии буферизации. Буферизация позволяет манипулировать данными, которые формируют php скрипты на странице. Происходит следующее: перед тем как сервер отдаст сформированный HTML-код, мы с помощью определённых методов можем изменить расположение этого кода, переместив его выше или ниже.

Битрикс. Настройки для торговых предложений

Рассмотрим минимальные настройки для комплексного компонента «Каталог», которые обязательно должны быть выполнены, чтобы на сайте корректно отображались товары с торговыми предложениями. В параметре «Типы цен» секции «Цены» должны быть отмечены используемые в каталоге товаров типы цен.
Каталог оборудования
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Производители
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Функциональные группы
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.