CSS: clamp

Читать

Итак, расскажу или, для тех кто знает, напомню про один маленький трюк: CSS-функция clamp() делает шрифт адаптивным.
Как это работает? Шрифт будет менять свой размер пропорционально изменению видимой области экрана в определенном диапазоне: между установленными минимальным и максимальным значениями.

#frontend #css

CSS: пропорции

Читать

Сегодня мы разберем еще один простой и достаточно эффективный метод создания адаптивной картинки с определенными пропорциями. Этот метод, использующий пользовательские переменные, известен под именем "padding hack".

#frontend #css

CSS: clip-path и анимация

Читать

CSS-свойство clip-path создает видимую область части элемента. То есть, все, что находится внутри такой области (clipping region), будет видно, а все, что находится вне этой области, будет скрыто.
А теперь самое интересное: свойство clip-path поддерживает transition.
Поэтому можно использовать различные CSS-селекторы, в том числе :hover, и менять координаты. Таким образом мы можем менять форму видимой области и создавать крутые динамические эффекты.

#frontend #css

5 навыков, которыми должен владеть JavaScript разработчик в 2020/2021

Читать

Жизнь разработчика состоит из двух основных процессов:

1. Stackoverflow
2. Приобретение новых навыков

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

#dev

Реверсивный прокси-сервер

Читать

Говоря о серверах, мы часто слышим термин реверсивный прокси-сервер (reverse proxy). В этой статье мы разберем - что такое реверсивный прокси-сервер и чем он может быть полезен.

#dev #tools

Что за false?

Читать

Ужа давно не секрет, что в результате слабой типизации и достаточно вольного приведения данных различных типов JavaScript иногда странно интерпретирует некоторые выражения.
Сегодня мы разберем, почему 1 < 2 < 3 возвращает true, а 3 > 2 > 1 возвращает false.

#frontend #js

Командная строка: mkdir

Читать

В командной строке bash директории (каталоги, папки) создаются с помощью команды mkdir.

#dev #bash #tutorial #cli

Командная строка: pwd

Читать

Команда pwd (present working directory) выводит путь к текущей папке и позволяет не заблудиться в файловой системе.

#dev #bash #tutorial #cli

Командная строка: rmdir

Читать

Итак, с помощью команды mkdir можно создать директорию (каталог, папку), а с помощью команды rmdir - удалить.

#dev #bash #tutorial #cli

Командная строка: cd

Читать

В терминале все команды привязаны к текущей папке. По умолчанию текущей папкой является домашняя директория. Однако, для выполнения различных задач ее часто приходится менять. Именно для этого существует команда cd (change directory).

#dev #bash #tutorial #cli

Командная строка: whoami

Читать

Чтобы узнать имя пользователя, находящегося в данный момент в системе, достаточно ввести команду whoami

#dev #bash #tutorial #cli

Командная строка: which

Читать

По сути, команда в терминале является исполняемым или, другими словами, запускаемым файлом. Команда which пригодится именно для поиска пути до нужно исполняемого файла, а значит - до команды.

#dev #bash #tutorial #cli

Пустой объект

Читать

Является ли объект пустым - довольно простая и распространенная задача в JavaScript, имеющая несколько вариантов решения. В этой статье мы рассмотрим наиболее популярные подходы к реализации такой задачи.

#frontend #js

Командная строка: who

Читать

Команда who позволяет получить информацию о пользователях, подключенных к системе, и о терминальных сессиях, через которые эти пользователи подключены.

#dev #bash #tutorial #cli

Командная строка: clear

Читать

Если нужно очистить окно терминала, подойдет команда clear. Однако, ввод данной команды не приводит к исчезновению ранее введенного текста, а лишь скрывает его, поднимая выше области видимости.

#dev #bash #tutorial #cli

8 способов применения spread-оператора

Читать

Spread-оператор {...} был представлен в ES6. Он расширяет итерируемый объект в отдельный элемент. К итерируемым объектам относятся все сущности, которые можно перебрать с помощью цикла for. Примеры итерируемых сущностей: array, string, map, set, DOM node.

#frontend #js

Командная строка: ls

Читать

Команда ls нужна для того, чтобы узнать содержимое определенной папки.

#dev #bash #tutorial #cli

Командная строка: mv

Читать

Команда mv нужна для перемещения или переименовывания одного или нескольких файлов или директорий.

#dev #bash #tutorial #cli

Командная строка: su

Читать

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

#dev #bash #tutorial #cli

Командная строка: sudo

Читать

Команда sudo нужна для запуска команд от имени суперпользователя, а так же, при наличии соответствующих опций и аргументов, от имени других пользователей.

#dev #bash #tutorial #cli

Определяем тип функции

Читать

В некоторых довольно сложных ситуациях перед любым разработчиком может встать вопрос: к какому типу относится та или иная функция - является ли она нативной или была создана в процессе создания сайта или приложения?

#frontend #js