PHP, HTML, CSS...

display:none, visibility:hidden и opacity: 0 — в чем их различие?

CSS-свойства display: none и visibility: hidden могут быть использованы для скрытия элементов на странице. Однако, они работают по-разному и имеют свои особенности. В этой статье мы рассмотрим различия между этими свойствами и как использовать их […]

PHP, HTML, CSS...

Специфичность css селекторов — как определить какие стили применяться к элементу?

Специфичность селекторов определяет какие именно стили применить к элементу, если на него влияют сразу несколько css правил с разными селекторами. У какого правила это значение выше, то и применится для элемента. По-простому специфичность можно назвать […]

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 – […]