/* Относительно чего спозиционируется .child? */
.parent {
  transform: translate(50px, 50px);
}

.child {
  position: fixed;
  top: 0;
  left: 0;
}

WebDEV #test #Frontend

Выберите правильный вариант 👇🏼

Ускоряем верстку. SASS

Узнаем что такое препроцессор стилей, для чего он нужен,
как его настроить в IDE VSCode и WebStorm, разбираемся в основных функциях препроцессора Sass.

📺 YouTube

WebDEV #видео

🛠 Styled Components – библиотека для стилизации React-компонентов.

Она позволяет создавать пользовательские компоненты с локальными встроенными стилями.

Благодаря этому стили становятся частью компонента и не нужно беспокоиться о том, чтобы они случайно не конфликтовали с другими стилями на странице.

🌍 Сайт

WebDEV #инструменты

💡Шпаргалка по JQuery

WebDEV #советы

💡Шпаргалка по TypeScript

WebDEV #советы

🛠 SVGito – это бесплатное веб-приложение, которое чистит SVG файлы, и тем самым избавляет вас от необходимости ручного редактирования.

Это маленькое приложение, созданное Питером Новеллом, автоматически оптимизирует ваши SVG-файлы. Одним нажатием кнопки вы сможете уменьшить их размер и сложность, не изменяя внешний вид.

🌍 Сайт

WebDEV #инструменты

Чеклист: 50 ошибок в портфолио дизайнеров

Основано на разборе 1000+ портфолио.

Формфактор собрали ошибки, которые:
— портят первое впечатление от портфолио
— вызывают отторжение у лида
— убивают шансы на оффер

Актуально для рынка 2026.

Чеклист в закрепе @formfactor

Реклама.

Как создать сайт с нуля на Wordpress + elementor

Сегодня я расскажу и покажу - как можно легко и просто сделать сайт с нуля, абсолютно не имея навыков в веб-разработке.

📺 YouTube

WebDEV #видео

JavaScript с нуля - курс для начинающих с практикой без воды

В курсе вы найдете все необходимые темы, для того, чтобы начать программировать на JavaScript с нуля. В ролике вы сделаете несколько практических проектов, на которых рассмотрите сразу в боевых действиях язык. Приятного просмотра!

📺 YouTube

WebDEV #видео

100+ фактов о веб-разработке, которые вы должны знать

Изучите основные понятия и навыки, необходимые для создания полнофункциональных веб-приложений с использованием HTML, CSS и JavaScript.

📺 YouTube

WebDEV #видео #web

Flexbox Playground — отличный инструмент для визуализации работы флекс-свойств.

При этом вы можете добавлять огромное количество блочных элементов внутрь одного контейнера — сервис не стремится ограничивать вас в этом.

WebDEV #инструменты

CSS сниппеты для ускорения HTML верстки. Готовая подборка

Стартовая коллекция CSS сниппетов для ускорения HTML верстки и написания CSS стилей. Быстрые команды для фона, псевдоэлементов, импорта и медиа запросов.

📺 YouTube

WebDEV #видео

Spline | Tilda эффект частиц

В этом видео я показываю инструмент spline. Узнаете как в нём работать и как сделать красивый эффект частиц. После чего поставим его на сайт в Тильде.

Spline — это недавно появившийся бесплатный инструмент для 3D моделирования, который уже успел обзавестись впечатляющим набором функций. С его помощью вы можете создавать 3D-сцены, моделировать объекты и редактировать материалы, а также контролировать весь процесс создания дизайна, добиваясь наилучшего результата.

📺 YouTube

WebDEV #видео

Весь HTML за 4 часа

За 1 день узнаете все, что нужно для понимания основных инструментов HTML. Что такое HTML, CSS, JavaScript, структура документов, блочные и строчные элементы, таблиц, заголовки, создание форм регистрации и их кастомизация. Много практических заданий.

📺 YouTube

WebDEV #видео

Все про модули в JavaScript. Как делать import и export. Пример с кодом

Модули в JavaScript. Разбираемся на простом примере. Подключение модулей, export default дефолтный экспорт по умолчанию, именованный экспорт named export, импорт дефолтных и именованных значений. Экспорт с переименованием, экспорт всех значений под один объект. JS modules.

📺 YouTube

WebDEV #видео