Мануал: обновление данных синхронно с частотой экрана через requestAnimationFrame

Прямое обновление DOM на каждое движение мыши тормозит страницу. Показываем, как избавиться от лишних перерисовок. Пошагово пишем функцию rafThrottle, чтобы код работал в такт с кадрами браузера.

Как проверить и поменять атрибут на JS

Метод getAttribute ломает логику булевых атрибутов (open, disabled), потому что возвращает пустую строку. Разбираем три правильных способа их переключения в JavaScript: toggleAttribute, hasAttribute и нативные методы тега

Как задать количество лет на php от определенной даты до текущей даты?

Актуальный способ вычислить количество полных лет от заданной даты до сегодня в PHP. Примеры с DateTime, работа с нестандартными форматами без ошибок.

Гайд по использованию тега picture

Разбираемся с тегом picture и его использованием. Как показывать разные изображения для мобильных и десктопов, работать с srcset, sizes и media-условиями для оптимальной загрузки.

Corner Shape — играем с уголками в CSS

Разбираемся с css свойствами для углов: border-radius для скругления и corner-shape для срезов, скосов и суперэллипсов. Примеры кода и практические техники.

50% — это сколько в HEX?

Шпаргалка для CSS: таблица соответствия процентов прозрачности (opacity) и HEX-кодов. Узнай, как записать альфа-канал в шестнадцатеричном формате (например, 50% = 80).

40 самых популярных регулярных выражений в JavaScript

Сборник часто используемых регулярных выражений (RegExp) в JavaScript. Решения для типичных задач: валидация данных, парсинг строк и форматирование. Копируйте и используйте в своих проектах.

Все опции для инициализации слайдера Swiper

Полный список опций для инициализации слайдера Swiper. Подробное описание параметров: навигация, пагинация, автопрокрутка, эффекты, адаптивные настройки и многое другое для вашего проекта.

Реализация модуля выбора города

Готовый пример реализации модуля выбора города. HTML-разметка, CSS-стили и JavaScript-код для автоматического переключения поддоменов при выборе города из списка

Параллакс для объектов на странице: движение от мыши

Параллакс эффект на JavaScript: класс ParallaxEffect, движение от mousemove, requestAnimationFrame, кеширование данных. Оптимизация производительности, примеры, демо CodePen.

Заготовка под Quiz для сайта. Форма-вопросник

Интерактивный Quiz: готовая заготовка HTML/CSS/JavaScript, слайдер, прогресс, валидация данных, отправка формы. Пример кода, инструкция подключения, возможные улучшения.

PopupForm — универсальная динамическая всплывающая форма

Как реализовать универсальную pop-up форму для сайта на JavaScript — быстрый запуск, стилизация, поддержка динамических полей и обработка событий. Класс PopupForm для разработчиков!

BITRIX: получить свойства элементов любого инфоблока в любом месте и любом шаблоне

Универсальные методы получения свойств элементов инфоблоков в Bitrix: CIBlockElement, GetProperty, ORM D7 и кеширование. Примеры для шаблонов, includes и PHP-файлов.

Очистка строки от лишних символов: оставить цифры

Как оставить только цифры в строке PHP? Используйте preg_replace('/\D/', '', $value) — аналог JS replace. Инструкция с примерами: очистка телефонов, работа с ценами, сохранение точки и запятой для дробных чисел.

Установка маски для поля телефона в форме

Подробная инструкция по добавлению маски ввода телефона +7(XXX) XXX-XX-XX в форму. Пример простого JavaScript-скрипта, CSS-стили, счётчик введённых цифр и валидация на 10 цифр.