DEV-заметки по разработке сайтов

В этой статье мы создадим кнопку мобильного меню на чистом CSS, без картинок, svg вектора и другой ерунды. Кнопка открытия бокового меню для мобильной версии сайта. Универсальная кнопка, которая подойдет для раскрытия бокового меню сайта в адаптивной и мобильной верстке.

Чтобы получить ID раздела через API 1С-Битрикс, необходимо использовать методы, предоставляемые модулем инфоблоков. Пример ниже показывает, как можно получить ID раздела, используя его символьный код.

Иногда необходимо отображать один и тот же блок на сайте в нескольких местах (номера телефонов, e-mail, адреса, время работы, форма обратной связи). Чтобы не дублировать код на сайте созданы так называемые Включаемые области.

В этой статье разберем процесс создания мобильного меню с плавным выездом слева из-за границы окна на Jquery, JS, CSS и HTML. Меню будет адаптивно, то есть будет возможность применить его и в версии для ПК и планшетов. Ширину для ПК установим примерно в 30% от ширины экрана.

Article используется для разметки содержимого статьи или новости на сайте, реже - для вывода списка новостей. Это полезно с точки зрения SEO продвижения сайта.

В этой статье мы рассмотрим основы управления сервисами с помощью systemd для пользователя CentOS 7.

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

Сжатие изображений через кеш битрикса на лету. Статический метод.

При проверке сайта валидатором w3 почти всегда возникает ошибка "type attribute is unnecessary for JavaScript resources". Ошибка означает, что атрибут type="text/javascript" является устаревшим и его применение не нужно. Однако многие скрипты в ядре Битрикса используют его. Делать изменения в ядре не рекомендуется, поэтому мы пойдем другим путем.

Столкнулась с такой проблемой, что средствами самого Битрикс никак нельзя передать поле "Комментарий к заказу" в CRM Битрикс 24, при настроенной интеграции. Решение этой проблемы в статье.

Я не сторонница использования сторонних библиотек по типу font awesome, так как не раз сталкивалась с проблемой совместимости с разными версиями браузеров, а также банальными сбоями подключения или шрифтов. Поэтому считаю, что иконки для соцсетей надо подключать отдельно. Собственно на чистом CSS с использованием векторных изображений.

На этой странице я собираю основные классы, методы и функции в 1С-Битрикс Управление сайтом, чтобы не искать их по коду часами. Может кому-то будут полезными.

DOM Utils Light — это компактная и удобная библиотека, позволяющая легко создавать HTML и SVG-элементы, управлять атрибутами, стилями и событиями.

Если у вас несколько интернет-магазинов работают под управлением БУС на многосайтовости, то возникает вопрос как разметить номера заказов для менеджеров. Для этого добавим в файл /bitrix/modules/sale/init.php код:

Стандарт Open Graph разработан социальной сетью Facebook и следовательно служит он для разметки контента для социальных сетей. С помощью него можно контролировать отображение картинки на ссылке, заголовка и описания страницы.

Для того, чтобы вывести название текущего раздела необходимо знать ID текущего раздела и ID его инфоблока.