Статьи

 

Иконка Рубрики
3 года назад

Единицы измерения в CSS

Когда вы говорите о расстоянии между двумя местами, такими как ваш дом и дом вашего друга, вы говорите о километрах или метрах. 
Обучение 1 615
3 года назад

Руководство для начинающих по Sass

В этой статье вы узнаете основы препроцессора SASS/SCSS, что это такое и как использовать его возможности для быстрого написания стилей. Предполагается, что вы уже знакомы с основами HTML, CSS.
Frontend 13 995
3 года назад

TypeScript против JavaScript: отличия, которые стоит понимать

JavaScript присутствует на рынке веба уже много лет и стал популярным языком программирования в сообществе разработчиков. Но, как мы знаем, если одна технология или язык набирает обороты, рядом всегда будет находиться альтернативный вариант, который выходит на рынок и составляет конкуренцию текущему.
Обучение 1 754
3 года назад

Создаем аккордеон на JavaScript

Всем привет! Мы продолжаем создавать элементы пользовательского интерфейса (UI). Сегодня коснемся такой темы, как аккордеоны. Аккордеон позволяет скрывать часть контента и при нажатии на бокс у нас плавно раскрывается весь контент.
Frontend 8 457
3 года назад

Текст поверх картинки на CSS

В этой статье расскажу, как наложить и выровнять текст поверх картинки методом CSS. Часто возникает такая необходимость при разработке сайтов. Текст будем выравнивать по центру.
Frontend 2 774
3 года назад

Неоновая кнопка на чистом CSS

Неоновые кнопки добавляют приятный футуристический любому веб-сайту. Мне всегда нравилась магия неоновых вывесок, и я хотел воссоздать их с помощью CSS.
Frontend 4 825
3 года назад

Методология БЭМ простыми словами

При создании небольших веб-сайтов то, как разработчики структурируют свой код CSS, обычно не представляет большой проблемы. Однако, когда дело доходит до более крупных и сложных проектов, организация кода становится решающей.
Обучение 2 959
3 года назад

Фиксированное боковое меню на чистом CSS

В этой статье создадим простое боковое меню с логотипом. Каждый элемент меню имеет свою иконку. При наведении элемент меню выделяется. Делать боковое меню будет на чистом CSS.
Frontend 7 233
3 года назад

Форма обратной связи: отправка формы на почту без перезагрузки

В заключительной статье мы сделаем отправку формы на почту. Важно, что отправляться данная форма будет без перезагрузки страницы (асинхронно). После отправки формы пользователь получит уведомление, что данные отправлены, либо сообщение со статусом ошибки.
Frontend 17 139
3 года назад

Подробное руководство по ООП

Привет, в этой статье мы разберем принципы объектно-ориентированного программирования на простых примерах. Рассмотрим такие понятия, как объекты, классы, инкапсуляция, полиморфизм и наследование.
Обучение 2 820
3 года назад

Форма обратной связи: валидация формы на JS

Мы напишем универсальный скрипт на JS для валидации полей формы. Данный скрипт будет сам определять, что поле проверяется на валидность. Для этого достаточно добавить в HTML-разметке кастомный атрибут в input.
Frontend 6 923
3 года назад

Форма обратной связи: пишем основу на HTML и CSS

В этой статье напишем форму обратной связи на HTML и CSS. Данная форма будет включать в себя две колонки: в первой отображается информация о вашей компании, во второй находятся поля для ввода и кнопка «Отправить».
Frontend 25 936
3 года назад

Установка и работа с GULP в 2022

GULP — это инструмент для автоматизации рутинных задач по веб-разработке. Причем как во фронтенде, так и в бэкенде. Эта программа написана на языке JS.
Инструменты сборки 2 051
3 года назад

Как подключить GitHub к Visual Studio Code

В этом небольшой статье мы разберем как легко подключить GitHub к VS Code. Создадим свой удаленный репозиторий и загрузим туда файлы с компьютера.
GIT 27 579
3 года назад

Простое бургер-меню на чистом JavaScript

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