PHP, HTML, CSS...

Бургер меню на HTML и CSS

Делаем анимированное бургер меню без использования скриптов Для создания появляющегося гамбургер меню нам понадобится такая html структура: <div class=»menu»> <input type=»checkbox» id=»burger-checkbox» class=»burger-checkbox»> <label for=»burger-checkbox» class=»burger»></label> <ul class=»menu-list»> <li><a href=»#» class=»menu-item»>Главная</a><li> <li><a href=»#» class=»menu-item»>О нас</a><li> […]

PHP, HTML, CSS...

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

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

PHP, HTML, CSS...

Элементы адаптивной типографики

Разработка адаптивной типографики может сбить с толку. Какие единицы вы должны использовать для размера шрифта: px, em, rem, vw? Как вы можете убедиться, что ваши шрифты доступны? И что такое гибкая типографика? В этой статье […]

Bash

Как создать чистую ветку в git?

Начиная с версии git 2.27, для создания пустой ветки без истории можно использовать следующую команду: git switch —orphan <new branch> В отличие от git checkout —orphan <new branch>, в этой ветке не будет никаких файлов […]

Разное

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

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

Разное

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

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

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

Настройка Husky на Next.js 15

Вариант 1 Можно настроить работу с помощью Lint-staged: https://habr.com/ru/companies/ruvds/articles/428173/ Вариант 2 Или можно использовать упрощенный (?) вариант настроек: https://typicode.github.io/husky/get-started.html Прописываем в настройках — файл pre-commit следующее (все что было в нем изначально можно стереть): #.husky/pre-commit […]