PHP, HTML, CSS...

Бургер кнопка для меню

Верстаем бургер кнопку Добавляем в html кнопку с классом burger <button class=»burger»></button> Далее идем в CSS и задаем размер нашей кнопке и сбрасываем стандартные стили фона и границ. Верхнюю и нижнюю линии мы создадим с […]

Разное

Глаголы-префиксы для функций

get – получить какое-то значение set – установить какое-то значение create – создать какую-то сущность update – обновить какую-то сущность delete – удалить какую-то сущность show – показать что-то hide – скрыть что-то search – […]

Разное

Менеджеры пакетов JavaScript

npm, yarn, pnpm и bun — это менеджеры пакетов для JavaScript, которые помогают управлять зависимостями в проектах. Каждый из них имеет свои особенности и преимущества. Давайте рассмотрим их подробнее. npm (Node Package Manager) Описание: Это […]

Сайтостроение

Скрипт плавной прокрутки до якоря на jQuery

//Скрипт плавной прокрутки до якоря $(document).ready(function(){ $(«nav.list»).on(«click»,»a», function (event) { //отменяем стандартную обработку нажатия по ссылке event.preventDefault(); //забираем идентификатор блока с атрибута href var id = $(this).attr(‘href’), //узнаем высоту от начала страницы до блока на […]

Разное

Мониторинг ошибок сайта средствами Яндекс Метрики

Я не нашёл хорошего бесплатного решения для мониторинга ошибок сайта. Небольшая хитрость, или возможность Яндекс Метрики позволяет организовать мониторинг ошибок вместе с другими метриками сайта. Для работы требуется подключённая Яндекс Метрика на сайте. Создать цель […]

Программы и скрипты

MOEX API. Курс валют и акций с Московской биржи

Примеры работы с курсами валют и акций с помощью API Московской Биржи на JavaScript. Получить данные курса валют Центрального Банка fetch(‘https://iss.moex.com/iss/statistics/engines/currency/markets/selt/rates.json?iss.meta=off’) .then((response) => { if (!response.ok) { throw new Error(‘HTTP error, status = ‘ + […]

PHP, HTML, CSS...

Модифицируем CSS свойства через JavaScript

Представляю Вашему вниманию универсальный метод для манипулирования CSS свойствами в Javascript сценариях. Протестировано во всех современных браузерах (включая IE6). Вы можете спросить меня: а зачем это нужно, если есть CSS? Ну например, для создания анимации […]