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

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

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

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

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

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

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

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

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

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

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

В этой статье мы создадим выгрузку товаров в формат XML, для подключения интернет-магазина к сервису E-catalog и magazilla.ru.

SASS (SCSS) - это язык проектирования CSS файла, придуманный специально для облегчения работы с большими CSS файлами. SASS позволяет использовать функции, переменные, мискины и многое другое. Ниже я расскажу как подключить его в связке с PHP-Storm.

Выводим минимальную цену торгового предложения в списке товаров catalog.section через API Битрикс.

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

Полный процесс установки системы управления сайтом 1С-Битрикс на OpenServer 2021 под Windows 10. От настройки модулей до полного запуска демо версии магазина.

Украсить сайт можно с помощью необычного UI решения "Эффект матового стекла" веб-дизайна при помощи HTML и CSS (ну и немного JS).

Обрезать строку не по количеству символов, а по высоте блока бывает выгоднее, если вы, например, делаете список новостей или товаров в виде одинаковых квадратных блоков. Тогда, при таком подходе, они не будут "плясать" по высоте и будут выглядеть красиво и одинаково.